@splunk/react-ui 4.38.0 → 4.39.0

package/Popover.js

@@ -61,8 +61,8 @@
         e.r(t);
     // EXPORTS
         e.d(t, {
-        PopoverContext: () => /* reexport */ $,
-        default: () => /* reexport */ Ze
+        PopoverContext: () => /* reexport */ U,
+        default: () => /* reexport */ lt
     });
     // CONCATENATED MODULE: external "react"
     const r = require("react");
@@ -77,10 +77,10 @@
     var c =  e.n(l);
     // CONCATENATED MODULE: external "lodash/defer"
     const s = require("lodash/defer");
-    var f =  e.n(s);
+    var u =  e.n(s);
     // CONCATENATED MODULE: external "lodash/every"
-    const u = require("lodash/every");
-    var p =  e.n(u);
+    const f = require("lodash/every");
+    var p =  e.n(f);
     // CONCATENATED MODULE: external "lodash/has"
     const h = require("lodash/has");
     var d =  e.n(h);
@@ -110,59 +110,69 @@
     // CONCATENATED MODULE: external "@splunk/react-ui/Animation"
     const T = require("@splunk/react-ui/Animation");
     // CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
-    const R = require("@splunk/react-ui/EventListener");
-    var q =  e.n(R);
+    const q = require("@splunk/react-ui/EventListener");
+    var W =  e.n(q);
     // CONCATENATED MODULE: external "@splunk/react-ui/Layer"
-    const W = require("@splunk/react-ui/Layer");
-    var M =  e.n(W);
+    const M = require("@splunk/react-ui/Layer");
+    var R =  e.n(M);
     // CONCATENATED MODULE: external "@splunk/react-ui/ScrollContainerContext"
     const H = require("@splunk/react-ui/ScrollContainerContext");
     var _ =  e.n(H);
     // CONCATENATED MODULE: external "@splunk/ui-utils/focus"
     const L = require("@splunk/ui-utils/focus");
     // CONCATENATED MODULE: ./src/Popover/getPlacement.ts
-    function D(e, t) {
+    function D(e) {
+        "@babel/helpers - typeof";
+        return D = "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);
+    }
+    function I(e, t) {
         var r = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
-            if (t) n = n.filter((function(t) {
+            t && (n = n.filter((function(t) {
                 return Object.getOwnPropertyDescriptor(e, t).enumerable;
-            }));
-            r.push.apply(r, n);
+            }))), r.push.apply(r, n);
         }
         return r;
     }
-    function I(e) {
+    function N(e) {
         for (var t = 1; t < arguments.length; t++) {
-            var r = arguments[t] != null ? arguments[t] : {};
-            if (t % 2) {
-                D(Object(r), true).forEach((function(t) {
-                    F(e, t, r[t]);
-                }));
-            } else if (Object.getOwnPropertyDescriptors) {
-                Object.defineProperties(e, Object.getOwnPropertyDescriptors(r));
-            } else {
-                D(Object(r)).forEach((function(t) {
-                    Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
-                }));
-            }
+            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) {
+                Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
+            }));
         }
         return e;
     }
     function F(e, t, r) {
-        if (t in e) {
-            Object.defineProperty(e, t, {
-                value: r,
-                enumerable: true,
-                configurable: true,
-                writable: true
-            });
-        } else {
-            e[t] = r;
+        return (t = $(t)) in e ? Object.defineProperty(e, t, {
+            value: r,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[t] = r, e;
+    }
+    function $(e) {
+        var t = z(e, "string");
+        return "symbol" == D(t) ? t : t + "";
+    }
+    function z(e, t) {
+        if ("object" != D(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;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        return e;
+        return ("string" === t ? String : Number)(e);
     }
-    function N(e) {
+    function V(e) {
         var t = e.align, r = e.anchorPos, n = e.outerContainerEl, o = e.padding, a = e.placement;
         switch (a) {
           case "above":
@@ -201,21 +211,21 @@
             throw new Error("".concat(a, " is not a valid placement value. Valid options are: 'above', 'below', 'left', or 'right'"));
         }
     }
-    function z(e) {
-        var t = e.align, r = e.anchorPos, n = e.scrollContainerPos, o = e.canCoverAnchor, a = e.defaultPlacement, i = e.outerContainerEl, l = e.padding, c = e.repositionMode, s = e.windowHeight, f = e.windowWidth;
-        var u = c === "flip";
+    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";
         var p = c === "any";
-        var h = u || p;
+        var h = f || p;
         var d = e.placement || a;
- // Translate vertical/horizontal to above/below/left/right
+        // Translate vertical/horizontal to above/below/left/right
                 if (a === "vertical") {
             d = r.top > s - r.bottom ? "above" : "below";
         } else if (a === "horizontal") {
-            d = r.left > f - r.right ? "left" : "right";
+            d = r.left > u - r.right ? "left" : "right";
         }
         var v = d;
- // Initialize the result variables. These will be mutated as needed and returned.
-                var m = N({
+        // Initialize the result variables. These will be mutated as needed and returned.
+                var m = V({
             align: t,
             anchorPos: r,
             outerContainerEl: i,
@@ -223,34 +233,34 @@
             placement: v
         }), b = m.top, y = m.left;
         var g = "auto";
-        var w = f;
+        var w = u;
         var S = s;
         var O = v;
- // Boolean convenience variables to simplify positioning logic.
+        // Boolean convenience variables to simplify positioning logic.
                 var P = r.top - i.offsetHeight > 0;
         var E = r.bottom + i.offsetHeight < s;
         var C = r.left - i.offsetWidth > 0;
-        var j = r.right + i.offsetWidth < f;
+        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) > f;
+        var x = (t === "edge" ? r.left + i.offsetWidth - l : r.middle + i.offsetWidth / 2) > u;
         var A = (t === "edge" ? r.left - l : r.middle - i.offsetWidth / 2) < 0;
         var T = (t === "edge" ? r.top - l : r.top - i.offsetHeight / 2) < 0;
-        var R = (t === "edge" ? r.top + i.offsetHeight - l : r.bottom + i.offsetHeight / 2) > s;
- // Handle each of the four placement options individually.
+        var q = (t === "edge" ? r.top + i.offsetHeight - l : r.bottom + i.offsetHeight / 2) > s;
+        // Handle each of the four placement options individually.
                 if (O === "above") {
             if (!P && h) {
                 if (E) {
-                    return z(I(I({}, e), {}, {
+                    return B(N(N({}, e), {}, {
                         placement: "below"
                     }));
                 }
                 if (p && j) {
-                    return z(I(I({}, e), {}, {
+                    return B(N(N({}, e), {}, {
                         placement: "right"
                     }));
                 }
                 if (p && C) {
-                    return z(I(I({}, e), {}, {
+                    return B(N(N({}, e), {}, {
                         placement: "left"
                     }));
                 }
@@ -267,7 +277,7 @@
                 b = "auto";
             }
             if (x) {
-                y = Math.max(f - i.offsetWidth, 0);
+                y = Math.max(u - i.offsetWidth, 0);
             } else if (A) {
                 y = 0;
             }
@@ -278,17 +288,17 @@
         if (O === "below") {
             if (!E && h) {
                 if (P && k) {
-                    return z(I(I({}, e), {}, {
+                    return B(N(N({}, e), {}, {
                         placement: "above"
                     }));
                 }
                 if (p && j) {
-                    return z(I(I({}, e), {}, {
+                    return B(N(N({}, e), {}, {
                         placement: "right"
                     }));
                 }
                 if (p && C) {
-                    return z(I(I({}, e), {}, {
+                    return B(N(N({}, e), {}, {
                         placement: "left"
                     }));
                 }
@@ -301,7 +311,7 @@
                 b = Math.min(b, n.bottom);
             }
             if (x) {
-                y = Math.max(f - i.offsetWidth, 0);
+                y = Math.max(u - i.offsetWidth, 0);
             } else if (A) {
                 y = 0;
             }
@@ -312,17 +322,17 @@
         if (O === "left") {
             if (!C && h) {
                 if (j) {
-                    return z(I(I({}, e), {}, {
+                    return B(N(N({}, e), {}, {
                         placement: "right"
                     }));
                 }
                 if (p && E) {
-                    return z(I(I({}, e), {}, {
+                    return B(N(N({}, e), {}, {
                         placement: "below"
                     }));
                 }
                 if (p && P) {
-                    return z(I(I({}, e), {}, {
+                    return B(N(N({}, e), {}, {
                         placement: "above"
                     }));
                 }
@@ -333,7 +343,7 @@
             }
             if (T) {
                 b = 0;
-            } else if (R) {
+            } else if (q) {
                 b = Math.max(s - i.offsetHeight, 0);
             }
             if (!o) {
@@ -343,17 +353,17 @@
         if (O === "right") {
             if (!j && h) {
                 if (C) {
-                    return z(I(I({}, e), {}, {
+                    return B(N(N({}, e), {}, {
                         placement: "left"
                     }));
                 }
                 if (p && E) {
-                    return z(I(I({}, e), {}, {
+                    return B(N(N({}, e), {}, {
                         placement: "below"
                     }));
                 }
                 if (p && P) {
-                    return z(I(I({}, e), {}, {
+                    return B(N(N({}, e), {}, {
                         placement: "above"
                     }));
                 }
@@ -364,11 +374,11 @@
             }
             if (T) {
                 b = 0;
-            } else if (R) {
+            } else if (q) {
                 b = Math.max(s - i.offsetHeight, 0);
             }
             if (!o) {
-                w = f - r.left;
+                w = u - r.left;
             }
         }
         return {
@@ -383,136 +393,142 @@
         };
     }
     // CONCATENATED MODULE: ./src/Popover/PopoverContext.tsx
-    var $ =  (0, r.createContext)({});
+    var U =  (0, r.createContext)({});
     // CONCATENATED MODULE: external "react-spring"
-    const U = require("react-spring");
+    const K = require("react-spring");
     // CONCATENATED MODULE: external "styled-components"
-    const K = require("styled-components");
-    var V =  e.n(K);
+    const X = require("styled-components");
+    var Y =  e.n(X);
     // CONCATENATED MODULE: ./src/Popover/PopoverStyles.ts
-    var B = (0, A.pick)({
+    var G = (0, A.pick)({
         enterprise: "8px",
         prisma: 0
     });
-    var X = V()(U.animated.div).withConfig({
+    var J = Y()(K.animated.div).withConfig({
         displayName: "PopoverStyles__Styled",
         componentId: "sc-1nahsvw-0"
     })([ "position:fixed;z-index:", ";left:-300%;top:-300%;" ], A.variables.zindexPopover);
-    var Y = V().div.withConfig({
+    var Q = Y().div.withConfig({
         displayName: "PopoverStyles__StyledBox",
         componentId: "sc-1nahsvw-1"
     })([ "", ";", ";", ";" ], A.mixins.reset("block"), (function(e) {
         var t = e.$open;
-        return !t && (0, K.css)([ "pointer-events:none;" ]);
+        return !t && (0, X.css)([ "pointer-events:none;" ]);
     }), (function(e) {
         var t = e.$appearance;
-        return t !== "none" && (0, K.css)([ "padding:8px;" ]);
+        return t !== "none" && (0, X.css)([ "padding:8px;" ]);
     }));
-    var G = V().div.withConfig({
+    var Z = Y().div.withConfig({
         displayName: "PopoverStyles__StyledContent",
         componentId: "sc-1nahsvw-2"
-    })([ "", "" ], (0, A.pickVariant)("$appearance", {
-        normal: (0, K.css)([ "background-color:", ";color:", ";border:", ";", ";border-radius:", ";" ], A.variables.backgroundColorPopup, A.variables.contentColorDefault, (0, 
-        A.pick)({
+    })([ "border-radius:", ";background-color:", ";color:", ";", "" ], A.variables.borderRadius, (0, 
+    A.pickVariant)("$appearance", {
+        normal: A.variables.backgroundColorPopup,
+        inverted: {
             enterprise: {
-                light: A.variables.border,
-                dark: A.variables.border
+                light: A.variables.gray20,
+                dark: A.variables.white
             },
-            prisma: "none"
-        }), (0, A.pick)({
+            // These hex codes are the inverted values of variables.backgroundColorPopup which are not exposed as tokens
+            prisma: {
+                light: "#27292e",
+                dark: A.variables.white
+            }
+        }
+    }), (0, A.pickVariant)("$appearance", {
+        normal: A.variables.contentColorDefault,
+        inverted: {
             enterprise: {
-                light: (0, K.css)([ "box-shadow:0 2px 2px ", ";" ], A.mixins.colorWithAlpha(A.variables.gray20, .1)),
-                dark: (0, K.css)([ "box-shadow:0 1px 2px #000;" ])
+                light: A.variables.white,
+                dark: A.variables.gray30
             },
-            prisma: (0, K.css)([ "box-shadow:", ";" ], A.variables.overlayShadow)
-        }), A.variables.borderRadius),
-        // Enterprise Only
-        inverted: (0, K.css)([ "background-color:", ";color:", ";" ], (0, A.pick)({
-            light: A.variables.gray20,
-            dark: A.variables.white
-        }), (0, A.pick)({
-            light: A.variables.white,
-            dark: A.variables.gray30
+            prisma: A.variables.contentColorInverted
+        }
+    }), (0, A.pickVariant)("$appearance", {
+        normal: (0, X.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)
+            },
+            prisma: (0, X.css)([ "box-shadow:", ";" ], A.variables.overlayShadow)
         }))
     }));
- // Enterprise Only
-        var J = V().div.withConfig({
+    // Enterprise Only
+        var ee = Y().div.withConfig({
         displayName: "PopoverStyles__StyledArrow",
         componentId: "sc-1nahsvw-3"
-    })([ "width:0;height:0;border-left:", " solid transparent;border-right:", " solid transparent;position:absolute;border-bottom-width:", ";border-bottom-style:solid;", "" ], B, B, B, (0, 
+    })([ "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, K.css)([ "border-bottom-color:", ";&::before{content:'';display:block;width:0;height:0;border-left:", " solid transparent;border-right:", " solid transparent;border-bottom:", " solid ", ";position:absolute;top:1px;left:0;margin-left:-", ";}" ], (0, 
+        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
-        }), B, B, B, A.variables.backgroundColor, B),
-        inverted: (0, K.css)([ "border-bottom-color:", ";" ], (0, A.pick)({
+        }), 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
         }))
     }));
-    var Q = V().div.withConfig({
+    var te = Y().div.withConfig({
         displayName: "PopoverStyles__StyledLowerRightCorner",
         componentId: "sc-1nahsvw-4"
     })([ "position:fixed;right:0;bottom:0;" ]);
-    var Z = V().svg.withConfig({
+    var re = Y().svg.withConfig({
         displayName: "PopoverStyles__StyledHitArea",
         componentId: "sc-1nahsvw-5"
     })([ "position:fixed;pointer-events:none;path{pointer-events:auto;stroke-width:0;stroke:transparent;fill:transparent;}" ]);
     // CONCATENATED MODULE: ./src/Popover/PopoverHitArea.tsx
-    function ee(e, t) {
-        return ae(e) || oe(e, t) || re(e, t) || te();
+    function ne(e, t) {
+        return ce(e) || le(e, t) || ae(e, t) || oe();
     }
-    function te() {
+    function oe() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function re(e, t) {
-        if (!e) return;
-        if (typeof e === "string") return ne(e, t);
-        var r = Object.prototype.toString.call(e).slice(8, -1);
-        if (r === "Object" && e.constructor) r = e.constructor.name;
-        if (r === "Map" || r === "Set") return Array.from(e);
-        if (r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)) return ne(e, t);
+    function ae(e, t) {
+        if (e) {
+            if ("string" == typeof e) return ie(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;
+        }
     }
-    function ne(e, t) {
-        if (t == null || t > e.length) t = e.length;
-        for (var r = 0, n = new Array(t); r < t; r++) {
+    function ie(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 oe(e, t) {
-        if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
-        var r = [];
-        var n = true;
-        var o = false;
-        var a = undefined;
-        try {
-            for (var i = e[Symbol.iterator](), l; !(n = (l = i.next()).done); n = true) {
-                r.push(l.value);
-                if (t && r.length === t) break;
-            }
-        } catch (e) {
-            o = true;
-            a = e;
-        } finally {
+    function le(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;
             try {
-                if (!n && i["return"] != null) i["return"]();
+                if (a = (r = r.call(e)).next, 0 === t) {
+                    if (Object(r) !== r) return;
+                    c = !1;
+                } else for (;!(c = (n = a.call(r)).done) && (l.push(n.value), l.length !== t); c = !0) {
+                }
+            } catch (e) {
+                s = !0, o = e;
             } finally {
-                if (o) throw a;
+                try {
+                    if (!c && null != r["return"] && (i = r["return"](), Object(i) !== i)) return;
+                } finally {
+                    if (s) throw o;
+                }
             }
+            return l;
         }
-        return r;
     }
-    function ae(e) {
+    function ce(e) {
         if (Array.isArray(e)) return e;
     }
-    var ie = {
+    var se = {
         anchorRect: a().object,
         popoverEl: a().object,
         popoverPlacement: a().oneOf([ "above", "below", "left", "right", "misaligned" ])
     };
-    var le = function e(t) {
+    var ue = function e(t) {
         var r = t.anchorRect, n = t.popoverEl, o = t.popoverPlacement;
         if (r != null && n != null && o != null) {
             var a = n.getBoundingClientRect();
@@ -525,12 +541,12 @@
                     c = r.height;
                 }
                 var s = "0 ".concat(l);
-                var f = "".concat(a.width, " ").concat(l);
-                var u = "".concat(i, " ").concat(l);
+                var u = "".concat(a.width, " ").concat(l);
+                var f = "".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(u, " , ").concat(p, "\n                        L ").concat(u, "\n                        L ").concat(h, "\n                        L ").concat(d, "\n                        S ").concat(h, " , ").concat(f, "\n                    ");
+                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                    ");
                 return {
                     hitAreaPath: v,
                     hitAreaStyle: {
@@ -572,22 +588,22 @@
             hitAreaStyle: {}
         };
     };
-    var ce =  n().forwardRef((function(e, t) {
+    var fe =  n().forwardRef((function(e, t) {
         var o = e.anchorRect, a = e.popoverEl, i = e.popoverPlacement;
-        var l = (0, r.useState)(null), c = ee(l, 2), s = c[0], f = c[1];
-        var u = (0, r.useState)({}), p = ee(u, 2), h = p[0], d = p[1];
+        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];
         (0, r.useEffect)((function() {
-            var e = le({
+            var e = ue({
                 anchorRect: o,
                 popoverEl: a,
                 popoverPlacement: i
             }), t = e.hitAreaPath, r = e.hitAreaStyle;
-            f(t);
+            u(t);
             d(r);
         }), [ o, a, i ]);
         if (s != null) {
             
-            return n().createElement(Z, {
+            return n().createElement(re, {
                 "data-test": "popover-hit-area",
                 style: h
             },  n().createElement("path", {
@@ -597,11 +613,11 @@
         }
         return null;
     }));
-    ce.propTypes = ie;
-    /* harmony default export */    const se = ce;
+    fe.propTypes = se;
+    /* harmony default export */    const pe = fe;
     // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
     /* eslint-disable @typescript-eslint/no-empty-function */
-    var fe = {
+    var he = {
         body: {
             appendChild: function e() {
                 return [];
@@ -655,14 +671,14 @@
             search: ""
         }
     };
-    function ue() {
-        var e = typeof document !== "undefined" ? document : fe;
+    function de() {
+        var e = typeof document !== "undefined" ? document : he;
         return e;
     }
     // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
     /* eslint-disable @typescript-eslint/no-empty-function */
-    var pe = {
-        document: fe,
+    var ve = {
+        document: he,
         navigator: {
             userAgent: ""
         },
@@ -716,59 +732,69 @@
             clearTimeout(t);
         }
     };
-    function he() {
-        var e = typeof window !== "undefined" ? window : pe;
+    function me() {
+        var e = typeof window !== "undefined" ? window : ve;
         return e;
     }
     // CONCATENATED MODULE: ./src/utils/getBoundingClientRect.ts
-    function de(e, t) {
+    function be(e) {
+        "@babel/helpers - typeof";
+        return be = "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);
+    }
+    function ye(e, t) {
         var r = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
-            if (t) n = n.filter((function(t) {
+            t && (n = n.filter((function(t) {
                 return Object.getOwnPropertyDescriptor(e, t).enumerable;
-            }));
-            r.push.apply(r, n);
+            }))), r.push.apply(r, n);
         }
         return r;
     }
-    function ve(e) {
+    function ge(e) {
         for (var t = 1; t < arguments.length; t++) {
-            var r = arguments[t] != null ? arguments[t] : {};
-            if (t % 2) {
-                de(Object(r), true).forEach((function(t) {
-                    me(e, t, r[t]);
-                }));
-            } else if (Object.getOwnPropertyDescriptors) {
-                Object.defineProperties(e, Object.getOwnPropertyDescriptors(r));
-            } else {
-                de(Object(r)).forEach((function(t) {
-                    Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
-                }));
-            }
+            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) {
+                Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
+            }));
         }
         return e;
     }
-    function me(e, t, r) {
-        if (t in e) {
-            Object.defineProperty(e, t, {
-                value: r,
-                enumerable: true,
-                configurable: true,
-                writable: true
-            });
-        } else {
-            e[t] = r;
+    function we(e, t, r) {
+        return (t = Se(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 Oe(e, t) {
+        if ("object" != be(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;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        return e;
+        return ("string" === t ? String : Number)(e);
     }
     // Checks if browser is Safari
-        function be() {
+        function Pe() {
         return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
     }
- // Formats return value to DOMRect
-        function ye(e) {
-        return ve(ve({}, e), {}, {
+    // Formats return value to DOMRect
+        function Ee(e) {
+        return ge(ge({}, e), {}, {
             top: e.y,
             left: e.x,
             right: e.x + e.width,
@@ -782,20 +808,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 ge(e, t) {
+ */    function Ce(e, t) {
         var r, n;
         var o = e.getBoundingClientRect();
-        var a = be();
+        var a = Pe();
         if (!t || !a) {
             return o;
         }
-        var i = he();
+        var i = me();
         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, f = o.height;
-        return ye({
+        var s = o.width, u = o.height;
+        return Ee({
             width: s,
-            height: f,
+            height: u,
             x: l,
             y: c
         });
@@ -807,7 +833,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-    function we(e, t) {
+    function je(e, t) {
         if (e) {
             if (typeof e === "function") {
                 e(t);
@@ -820,216 +846,196 @@
         }
     }
     // CONCATENATED MODULE: ./src/Popover/Popover.tsx
-    function Se(e) {
+    function ke(e) {
         "@babel/helpers - typeof";
-        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            Se = function e(t) {
-                return typeof t;
-            };
-        } else {
-            Se = function e(t) {
-                return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-            };
-        }
-        return Se(e);
+        return ke = "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);
     }
-    function Oe() {
-        Oe = Object.assign || function(e) {
+    function xe() {
+        return xe = Object.assign ? Object.assign.bind() : function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var r = arguments[t];
                 for (var n in r) {
-                    if (Object.prototype.hasOwnProperty.call(r, n)) {
-                        e[n] = r[n];
-                    }
+                    ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
                 }
             }
             return e;
-        };
-        return Oe.apply(this, arguments);
+        }, xe.apply(null, arguments);
     }
-    function Pe(e) {
-        return je(e) || Ce(e) || Re(e) || Ee();
+    function Ae(e) {
+        return We(e) || qe(e) || Le(e) || Te();
     }
-    function Ee() {
+    function Te() {
         throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function Ce(e) {
-        if (typeof Symbol !== "undefined" && Symbol.iterator in Object(e)) return Array.from(e);
+    function qe(e) {
+        if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
     }
-    function je(e) {
-        if (Array.isArray(e)) return qe(e);
+    function We(e) {
+        if (Array.isArray(e)) return De(e);
     }
-    function ke(e, t) {
+    function Me(e, t) {
         var r = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
-            if (t) n = n.filter((function(t) {
+            t && (n = n.filter((function(t) {
                 return Object.getOwnPropertyDescriptor(e, t).enumerable;
-            }));
-            r.push.apply(r, n);
+            }))), r.push.apply(r, n);
         }
         return r;
     }
-    function xe(e) {
+    function Re(e) {
         for (var t = 1; t < arguments.length; t++) {
-            var r = arguments[t] != null ? arguments[t] : {};
-            if (t % 2) {
-                ke(Object(r), true).forEach((function(t) {
-                    Ke(e, t, r[t]);
-                }));
-            } else if (Object.getOwnPropertyDescriptors) {
-                Object.defineProperties(e, Object.getOwnPropertyDescriptors(r));
-            } else {
-                ke(Object(r)).forEach((function(t) {
-                    Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
-                }));
-            }
+            var 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) {
+                Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
+            }));
         }
         return e;
     }
-    function Ae(e, t) {
-        return Me(e) || We(e, t) || Re(e, t) || Te();
+    function He(e, t) {
+        return Ne(e) || Ie(e, t) || Le(e, t) || _e();
     }
-    function Te() {
+    function _e() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function Re(e, t) {
-        if (!e) return;
-        if (typeof e === "string") return qe(e, t);
-        var r = Object.prototype.toString.call(e).slice(8, -1);
-        if (r === "Object" && e.constructor) r = e.constructor.name;
-        if (r === "Map" || r === "Set") return Array.from(e);
-        if (r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)) return qe(e, t);
+    function Le(e, t) {
+        if (e) {
+            if ("string" == typeof e) return De(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;
+        }
     }
-    function qe(e, t) {
-        if (t == null || t > e.length) t = e.length;
-        for (var r = 0, n = new Array(t); r < t; r++) {
+    function De(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 We(e, t) {
-        if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
-        var r = [];
-        var n = true;
-        var o = false;
-        var a = undefined;
-        try {
-            for (var i = e[Symbol.iterator](), l; !(n = (l = i.next()).done); n = true) {
-                r.push(l.value);
-                if (t && r.length === t) break;
-            }
-        } catch (e) {
-            o = true;
-            a = e;
-        } finally {
+    function Ie(e, t) {
+        var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+        if (null != r) {
+            var n, o, a, i, l = [], c = !0, s = !1;
             try {
-                if (!n && i["return"] != null) i["return"]();
+                if (a = (r = r.call(e)).next, 0 === t) {
+                    if (Object(r) !== r) return;
+                    c = !1;
+                } else for (;!(c = (n = a.call(r)).done) && (l.push(n.value), l.length !== t); c = !0) {
+                }
+            } catch (e) {
+                s = !0, o = e;
             } finally {
-                if (o) throw a;
+                try {
+                    if (!c && null != r["return"] && (i = r["return"](), Object(i) !== i)) return;
+                } finally {
+                    if (s) throw o;
+                }
             }
+            return l;
         }
-        return r;
     }
-    function Me(e) {
+    function Ne(e) {
         if (Array.isArray(e)) return e;
     }
-    function He(e, t) {
-        if (!(e instanceof t)) {
-            throw new TypeError("Cannot call a class as a function");
-        }
+    function Fe(e, t) {
+        if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
     }
-    function _e(e, t) {
+    function $e(e, t) {
         for (var r = 0; r < t.length; r++) {
             var n = t[r];
-            n.enumerable = n.enumerable || false;
-            n.configurable = true;
-            if ("value" in n) n.writable = true;
-            Object.defineProperty(e, n.key, n);
+            n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), 
+            Object.defineProperty(e, Qe(n.key), n);
         }
     }
-    function Le(e, t, r) {
-        if (t) _e(e.prototype, t);
-        if (r) _e(e, r);
-        return e;
+    function ze(e, t, r) {
+        return t && $e(e.prototype, t), r && $e(e, r), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), e;
     }
-    function De(e, t) {
-        if (typeof t !== "function" && t !== null) {
-            throw new TypeError("Super expression must either be null or a function");
-        }
+    function Ve(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: {
                 value: e,
-                writable: true,
-                configurable: true
+                writable: !0,
+                configurable: !0
             }
-        });
-        if (t) Ie(e, t);
+        }), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), t && Be(e, t);
     }
-    function Ie(e, t) {
-        Ie = Object.setPrototypeOf || function e(t, r) {
-            t.__proto__ = r;
-            return t;
-        };
-        return Ie(e, t);
+    function Be(e, t) {
+        return Be = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+            return e.__proto__ = t, e;
+        }, Be(e, t);
     }
-    function Fe(e) {
-        var t = $e();
-        return function r() {
-            var n = Ue(e), o;
+    function Ue(e) {
+        var t = Ye();
+        return function() {
+            var r, n = Ge(e);
             if (t) {
-                var a = Ue(this).constructor;
-                o = Reflect.construct(n, arguments, a);
-            } else {
-                o = n.apply(this, arguments);
-            }
-            return Ne(this, o);
+                var o = Ge(this).constructor;
+                r = Reflect.construct(n, arguments, o);
+            } else r = n.apply(this, arguments);
+            return Ke(this, r);
         };
     }
-    function Ne(e, t) {
-        if (t && (Se(t) === "object" || typeof t === "function")) {
-            return t;
-        }
-        return ze(e);
+    function Ke(e, t) {
+        if (t && ("object" == ke(t) || "function" == typeof t)) return t;
+        if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
+        return Xe(e);
     }
-    function ze(e) {
-        if (e === void 0) {
-            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        }
+    function Xe(e) {
+        if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return e;
     }
-    function $e() {
-        if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-        if (Reflect.construct.sham) return false;
-        if (typeof Proxy === "function") return true;
+    function Ye() {
         try {
-            Date.prototype.toString.call(Reflect.construct(Date, [], (function() {})));
-            return true;
-        } catch (e) {
-            return false;
-        }
+            var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
+        } catch (e) {}
+        return (Ye = function t() {
+            return !!e;
+        })();
     }
-    function Ue(e) {
-        Ue = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
-            return t.__proto__ || Object.getPrototypeOf(t);
-        };
-        return Ue(e);
+    function Ge(e) {
+        return Ge = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+            return e.__proto__ || Object.getPrototypeOf(e);
+        }, Ge(e);
     }
-    function Ke(e, t, r) {
-        if (t in e) {
-            Object.defineProperty(e, t, {
-                value: r,
-                enumerable: true,
-                configurable: true,
-                writable: true
-            });
-        } else {
-            e[t] = r;
+    function Je(e, t, r) {
+        return (t = Qe(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 Ze(e, t) {
+        if ("object" != ke(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;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        return e;
+        return ("string" === t ? String : Number)(e);
     }
-    /** @public */    var Ve = [ "clickAway", "escapeKey", "offScreen", "tabKey" ];
-    var Be = {
+    /** @public */
+    /** @public */
+    /** @public */
+    /** @public */
+    /** @public */    var et = [ "clickAway", "escapeKey", "offScreen", "tabKey" ];
+    var tt = {
         align: a().oneOf([ "center", "edge", "theme", "end" ]),
         anchor: a().object,
         animation: a().bool,
@@ -1038,7 +1044,7 @@
         autoCloseWhenOffScreen: a().bool,
         canCoverAnchor: a().bool,
         children: a().oneOfType([ a().node, a().func ]),
-        closeReasons: a().arrayOf(a().oneOf(Ve)),
+        closeReasons: a().arrayOf(a().oneOf(et)),
         defaultPlacement: a().oneOf([ "above", "below", "left", "right", "vertical", "horizontal" ]),
         elementRef: a().oneOfType([ a().func, a().object ]),
         id: a().string,
@@ -1055,14 +1061,14 @@
         takeFocus: a().bool,
         splunkTheme: a().object
     };
-    var Xe = {
+    var rt = {
         align: "theme",
         animation: true,
         animationConfig: {},
         appearance: "normal",
         autoCloseWhenOffScreen: true,
         canCoverAnchor: false,
-        closeReasons: Ve,
+        closeReasons: et,
         defaultPlacement: "below",
         open: false,
         repositionMode: "flip",
@@ -1070,7 +1076,7 @@
         takeFocus: false
     };
     // eslint-disable-next-line @typescript-eslint/ban-types
-        function Ye(e, t) {
+        function nt(e, t) {
         var r = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
         return !!e && !!t && p()(e, (function(e, n) {
             if (w()(e)) {
@@ -1079,17 +1085,17 @@
             return t[n] === e;
         }));
     }
-    function Ge(e) {
+    function ot(e) {
         return e !== window && e !== window.document;
     }
     /**
  * `Popover` is used to create layovers such as dropdowns, contextual menus, or tooltips. Use
  * this only when the other components don't provide sufficient functionality or control. A controlled
  * `Dropdown` covers use cases where you might consider using `Popover` directly.
- */    var Je =  function(e) {
-        De(r, e);
-        var t = Fe(r);
-        Le(r, null, [ {
+ */    var at =  function(e) {
+        Ve(r, e);
+        var t = Ue(r);
+        ze(r, null, [ {
             key: "getArrowStyle",
             // @docs-props-type PopoverPropsBase
             value: function e(t) {
@@ -1103,9 +1109,9 @@
                     display: "block"
                 };
                 var s = i.offsetHeight / 2 - 22;
-                var f = -(i.offsetHeight / 2 - 15);
-                var u = r.center - (a.top + i.offsetHeight / 2) - n / 2;
-                var p = c()(u, f, s);
+                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: {
@@ -1131,7 +1137,7 @@
                 };
                 var v = d[o];
                 l.transform = "translate(".concat(v.translateX, "px, ").concat(v.translateY, "px) rotate(").concat(v.rotate, "deg)");
- // set new positions
+                // set new positions
                                 var m = {
                     left: "right",
                     right: "left",
@@ -1148,21 +1154,32 @@
                 l[b[o]] = "50%";
                 return [ l, v ];
             }
+        }, {
+            key: "getDerivedStateFromProps",
+            value: function e(t, r) {
+                if (t.open !== r.prevOpen) {
+                    return {
+                        animating: t.animation,
+                        prevOpen: t.open
+                    };
+                }
+                return null;
+            }
         } ]);
         function r(e) {
             var o;
-            He(this, r);
+            Fe(this, r);
             o = t.call(this, e);
-            Ke(ze(o), "outerContainerEl", null);
-            Ke(ze(o), "innerContainerEl", null);
-            Ke(ze(o), "arrow", null);
-            Ke(ze(o), "windowSizeMeasurementEl", null);
-            Ke(ze(o), "handleScroll", void 0);
-            Ke(ze(o), "handleWindowScroll", void 0);
-            Ke(ze(o), "allowAnimationUpdates", true);
-            Ke(ze(o), "getElPosition", (function(e) {
+            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 = ge(e, t);
+                var r = Ce(e, t);
                 var n = {
                     width: e.offsetWidth,
                     height: e.offsetHeight
@@ -1178,11 +1195,11 @@
                 n.center = l ? n.top : r.top + (n.bottom - r.top) / 2;
                 return n;
             }));
-            Ke(ze(o), "setPlacement", (function(e) {
-                var t = he();
+            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, f = i.canCoverAnchor, u = i.defaultPlacement, p = i.open, h = i.repositionMode, d = i.splunkTheme;
+                    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;
  // If these conditions are not met, we cannot set the popover.
@@ -1192,7 +1209,7 @@
                     }
                     var b = o.getElPosition(n.anchorEl);
                     var y = o.getElPosition(n.anchorEl, true);
-                    var g = Ge(v) ? o.getElPosition(v) : undefined;
+                    var g = ot(v) ? o.getElPosition(v) : undefined;
                     if (e && s) {
                         if (o.autoCloseWhenOffScreen(b, g)) {
                             return null;
@@ -1201,12 +1218,12 @@
                     var w = m ? 0 : 8;
                     var S = 8;
                     var O = m ? "edge" : "center";
-                    var P = z({
+                    var P = B({
                         align: l === "theme" ? O : l,
                         anchorPos: y,
                         scrollContainerPos: g,
-                        canCoverAnchor: f,
-                        defaultPlacement: u,
+                        canCoverAnchor: u,
+                        defaultPlacement: f,
                         repositionMode: h,
                         outerContainerEl: o.outerContainerEl,
                         padding: S,
@@ -1219,18 +1236,18 @@
                         outerContainerStyle: C,
                         placement: E,
                         outerContainerEl: o.outerContainerEl
-                    }) : [], T = Ae(A, 2), R = T[0], q = T[1];
-                    var W = o.props.appearance !== "none" && !m;
-                    var M = Ye(y, n.anchorPos) && Ye(C, n.outerContainerStyle) && E === n.placement && k === n.maxHeight && x === n.maxWidth;
-                    var H = Ye(j()(R, "transform"), j()(n.arrowStyle, "transform")) && Ye(q !== null && q !== void 0 ? q : {}, (a = n.arrowStyleTransformMeta) !== null && a !== void 0 ? a : {});
- // If none of the position data has changed, do not set state.
-                                        if (M && (!W || W && H)) {
+                    }) : [], 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 : {});
+                    // If none of the position data has changed, do not set state.
+                                        if (R && (!M || M && H)) {
                         return null;
                     }
                     return {
                         anchorPos: y,
-                        arrowStyle: R,
-                        arrowStyleTransformMeta: q,
+                        arrowStyle: q,
+                        arrowStyleTransformMeta: W,
                         outerContainerStyle: C,
                         placement: E,
                         maxHeight: k,
@@ -1238,7 +1255,7 @@
                     };
                 }));
             }));
-            Ke(ze(o), "handleNewAnchor", (function(e) {
+            Je(Xe(o), "handleNewAnchor", (function(e) {
                 var t;
                 if (e && !(e instanceof HTMLElement)) {
                     if (false) {}
@@ -1254,18 +1271,18 @@
                 });
  // eslint-disable-line react/no-unused-state
                         }));
-            Ke(ze(o), "handleInnerContainerMount", (function(e) {
+            Je(Xe(o), "handleInnerContainerMount", (function(e) {
                 o.innerContainerEl = e;
                 if (e && o.props.takeFocus) {
-                    f()(L.takeFocus, e);
+                    u()(L.takeFocus, e);
                 }
-                we(o.props.elementRef, e);
+                je(o.props.elementRef, e);
             }));
-            Ke(ze(o), "handleOuterContainerMount", (function(e) {
+            Je(Xe(o), "handleOuterContainerMount", (function(e) {
                 o.outerContainerEl = e;
-                we(o.props.outerRef, e);
+                je(o.props.outerRef, e);
             }));
-            Ke(ze(o), "handleTab", (function(e) {
+            Je(Xe(o), "handleTab", (function(e) {
                 if (o.innerContainerEl) {
                     if (o.props.retainFocus) {
                         (0, L.handleTab)(o.innerContainerEl, e);
@@ -1283,42 +1300,41 @@
                     }
                 }
             }));
-            Ke(ze(o), "handleRequestClose", (function(e) {
+            Je(Xe(o), "handleRequestClose", (function(e) {
                 if (o.props.open) {
                     o.requestClose(e);
                 }
             }));
-            Ke(ze(o), "handleAnimationEnd", (function() {
+            Je(Xe(o), "handleAnimationEnd", (function() {
                 if (o.allowAnimationUpdates) {
                     o.setState({
                         animating: false
                     });
                 }
             }));
-            Ke(ze(o), "renderLayer", (function() {
-                var e = o.props, t = e.animation, a = e.animationConfig, i = e.appearance, l = e.children, c = e.id, s = e.open, f = e.retainFocus, u = e.splunkTheme;
+            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 = u.isPrisma;
-                var y = b && i === "inverted" ? "normal" : i;
-                var g = o.state, S = g.maxHeight, P = g.maxWidth;
+                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;
                     }
-                    if (w()(P)) {
-                        P -= 20;
-                    }
                 }
-                var C = {
+                var P = {
                     anchorHeight: h ? h.height : null,
                     anchorWidth: h ? h.width : null,
                     placement: m || null,
-                    maxHeight: S || null,
-                    maxWidth: P || null
+                    maxHeight: g || null,
+                    maxWidth: S || null
                 };
-                var k = t ? {
+                var C = t ? {
                     opacity: s ? 1 : 0
                 } : {
                     opacity: 1
@@ -1328,46 +1344,46 @@
                     from: {
                         opacity: t ? 0 : 1
                     },
-                    to: k,
-                    config: xe({
+                    to: C,
+                    config: Re({
                         tension: 300,
                         friction: 40
                     }, a),
                     onRest: o.handleAnimationEnd
                 }, (function(e) {
                     
-                    return n().createElement(X, {
+                    return n().createElement(J, {
                         "data-test": "outer-popover",
-                        style: xe(xe({}, v), e),
+                        style: Re(Re({}, v), e),
                         ref: o.handleOuterContainerMount
-                    }, (s || o.state.animating) &&  n().createElement(Y, Oe({
-                        $appearance: y,
+                    }, (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(Pe(E()(r.propTypes))))),  n().createElement($.Provider, {
+                    }, j()(o.props, [ "anchor" ].concat(Ae(E()(r.propTypes))))),  n().createElement(U.Provider, {
                         value: {
-                            retainFocus: f
+                            retainFocus: u
                         }
-                    },  n().createElement(n().Fragment, null, i === "none" && l, i !== "none" && !b &&  n().createElement(J, {
-                        $appearance: y,
+                    },  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(G, {
-                        $appearance: y
-                    }, O()(l) ? l(C) : l)))),  n().createElement(Q, {
+                    }), 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(ze(o), true), 0);
-            o.handleWindowScroll = x()(o.setPlacement.bind(ze(o), true), 0);
+            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, {
                 leading: false
             });
@@ -1377,7 +1393,7 @@
             };
             return o;
         }
-        Le(r, [ {
+        ze(r, [ {
             key: "componentDidMount",
             value: function e() {
                 this.handleNewAnchor(this.props.anchor);
@@ -1393,7 +1409,7 @@
                 }
                 if (this.props.open || this.state.animating) {
                     this.setPlacement();
- // make sure that the popover both was not open before and is actually open now
+                    // make sure that the popover both was not open before and is actually open now
                     // this prevents bugs like #4 in SUI-2054 where popover contents re-rendering due to animation
                     // causes the popover contents to receive focus even though the popover closing
                                         if (!t.open && this.props.open && this.props.takeFocus) {
@@ -1412,7 +1428,7 @@
         }, {
             key: "autoCloseWhenOffScreen",
             value: function e(t, r) {
-                var n = he();
+                var n = me();
                 if (t.top < 0 || t.top > n.innerHeight || t.left < 0 || t.left > n.innerWidth) {
                     this.requestClose({
                         reason: "offScreen"
@@ -1440,14 +1456,14 @@
         }, {
             key: "render",
             value: function e() {
-                var t = he();
+                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,
                 // otherwise leads to negative performance impacts
-                                var s = r ? [ a &&  n().createElement(q(), {
+                                var s = r ? [ a &&  n().createElement(W(), {
                     target: o,
                     eventType: "scroll",
                     listener: this.handleScroll,
@@ -1456,12 +1472,12 @@
                         capture: true
                     },
                     key: "eventListener"
-                }),  n().createElement(q(), {
+                }),  n().createElement(W(), {
                     target: t,
                     eventType: "resize",
                     listener: this.setPlacement,
                     key: "eventListenerOnWindowResize"
-                }),  n().createElement(q(), {
+                }),  n().createElement(W(), {
                     target: t,
                     eventType: "scroll",
                     listener: this.handleWindowScroll,
@@ -1471,14 +1487,14 @@
                     },
                     key: "eventListenerOnWindowScroll"
                 }) ] : [];
-                return [].concat(s, [  n().createElement(M(), {
+                return [].concat(s, [  n().createElement(R(), {
                     closeReasons: y()(this.props.closeReasons.filter((function(e) {
                         return e !== "offScreen";
-                    })), M().possibleCloseReasons),
+                    })), R().possibleCloseReasons),
                     open: r,
                     onRequestClose: this.handleRequestClose,
                     key: "Layer"
-                }, r && this.innerContainerEl && this.props.hitAreaRef &&  n().createElement(se, {
+                }, r && this.innerContainerEl && this.props.hitAreaRef &&  n().createElement(pe, {
                     anchorRect: l,
                     popoverEl: this.innerContainerEl,
                     popoverPlacement: c,
@@ -1488,21 +1504,12 @@
         } ]);
         return r;
     }(r.Component);
-    Ke(Je, "contextType", _());
-    Ke(Je, "defaultProps", Xe);
-    Ke(Je, "propTypes", Be);
-    Ke(Je, "getDerivedStateFromProps", (function(e, t) {
-        if (e.open !== t.prevOpen) {
-            return {
-                animating: e.animation,
-                prevOpen: e.open
-            };
-        }
-        return null;
-    }));
-    var Qe = (0, A.withSplunkTheme)(Je);
-    Qe.propTypes = Je.propTypes;
-    /* harmony default export */    const Ze = Qe;
+    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;
     // CONCATENATED MODULE: ./src/Popover/index.ts
     module.exports = t;
     /******/})();