@splunk/react-ui 5.0.0-beta.4 → 5.0.0-beta.5

package/Popover.js

@@ -62,9 +62,9 @@
     // EXPORTS
         e.d(t, {
         PopoverContext: () => /* reexport */ ue,
-        PopoverMenuContext: () => /* reexport */ Ze,
+        PopoverMenuContext: () => /* reexport */ nt,
         PopoverProvider: () => /* reexport */ se,
-        default: () => /* reexport */ Qe
+        default: () => /* reexport */ rt
     });
     // CONCATENATED MODULE: external "react"
     const r = require("react");
@@ -82,8 +82,8 @@
     const f = require("lodash/every");
     var s =  e.n(f);
     // CONCATENATED MODULE: external "lodash/has"
-    const p = require("lodash/has");
-    var v =  e.n(p);
+    const v = require("lodash/has");
+    var p =  e.n(v);
     // CONCATENATED MODULE: external "lodash/intersection"
     const d = require("lodash/intersection");
     var h =  e.n(d);
@@ -209,8 +209,8 @@
     function _(e) {
         var t = e.align, r = e.anchorPos, n = e.scrollContainerPos, o = e.canCoverAnchor, a = e.defaultPlacement, i = e.outerContainerEl, l = e.padding, c = e.repositionMode, u = e.windowHeight, f = e.windowWidth;
         var s = c === "flip";
-        var p = c === "any";
-        var v = s || p;
+        var v = c === "any";
+        var p = s || v;
         var d = e.placement || a;
         // Translate vertical/horizontal to above/below/left/right
                 if (a === "vertical") {
@@ -243,18 +243,18 @@
         var R = (t === "edge" ? r.top + i.offsetHeight - l : r.bottom + i.offsetHeight / 2) > u;
         // Handle each of the four placement options individually.
                 if (O === "above") {
-            if (!P && v) {
+            if (!P && p) {
                 if (j) {
                     return _(I(I({}, e), {}, {
                         placement: "below"
                     }));
                 }
-                if (p && E) {
+                if (v && E) {
                     return _(I(I({}, e), {}, {
                         placement: "right"
                     }));
                 }
-                if (p && C) {
+                if (v && C) {
                     return _(I(I({}, e), {}, {
                         placement: "left"
                     }));
@@ -281,18 +281,18 @@
             }
         }
         if (O === "below") {
-            if (!j && v) {
+            if (!j && p) {
                 if (P && x) {
                     return _(I(I({}, e), {}, {
                         placement: "above"
                     }));
                 }
-                if (p && E) {
+                if (v && E) {
                     return _(I(I({}, e), {}, {
                         placement: "right"
                     }));
                 }
-                if (p && C) {
+                if (v && C) {
                     return _(I(I({}, e), {}, {
                         placement: "left"
                     }));
@@ -315,18 +315,18 @@
             }
         }
         if (O === "left") {
-            if (!C && v) {
+            if (!C && p) {
                 if (E) {
                     return _(I(I({}, e), {}, {
                         placement: "right"
                     }));
                 }
-                if (p && j) {
+                if (v && j) {
                     return _(I(I({}, e), {}, {
                         placement: "below"
                     }));
                 }
-                if (p && P) {
+                if (v && P) {
                     return _(I(I({}, e), {}, {
                         placement: "above"
                     }));
@@ -346,18 +346,18 @@
             }
         }
         if (O === "right") {
-            if (!E && v) {
+            if (!E && p) {
                 if (C) {
                     return _(I(I({}, e), {}, {
                         placement: "left"
                     }));
                 }
-                if (p && j) {
+                if (v && j) {
                     return _(I(I({}, e), {}, {
                         placement: "below"
                     }));
                 }
-                if (p && P) {
+                if (v && P) {
                     return _(I(I({}, e), {}, {
                         placement: "above"
                     }));
@@ -508,10 +508,10 @@
                 var u = "0 ".concat(l);
                 var f = "".concat(a.width, " ").concat(l);
                 var s = "".concat(i, " ").concat(l);
-                var p = "".concat(i, " ").concat(c);
-                var v = "".concat(i + r.width, " ").concat(l);
+                var v = "".concat(i, " ").concat(c);
+                var p = "".concat(i + r.width, " ").concat(l);
                 var d = "".concat(i + r.width, " ").concat(c);
-                var h = "\n                        M ".concat(u, "\n                        S ").concat(s, " , ").concat(p, "\n                        L ").concat(s, "\n                        L ").concat(v, "\n                        L ").concat(d, "\n                        S ").concat(v, " , ").concat(f, "\n                    ");
+                var h = "\n                        M ".concat(u, "\n                        S ").concat(s, " , ").concat(v, "\n                        L ").concat(s, "\n                        L ").concat(p, "\n                        L ").concat(d, "\n                        S ").concat(p, " , ").concat(f, "\n                    ");
                 return {
                     hitAreaPath: h,
                     hitAreaStyle: {
@@ -556,7 +556,7 @@
     var le =  n().forwardRef((function(e, t) {
         var o = e.anchorRect, a = e.popoverEl, i = e.popoverPlacement;
         var l = (0, r.useState)(null), c = Z(l, 2), u = c[0], f = c[1];
-        var s = (0, r.useState)({}), p = Z(s, 2), v = p[0], d = p[1];
+        var s = (0, r.useState)({}), v = Z(s, 2), p = v[0], d = v[1];
         (0, r.useEffect)((function() {
             var e = ie({
                 anchorRect: o,
@@ -570,7 +570,7 @@
             
             return n().createElement(Q, {
                 "data-test": "popover-hit-area",
-                style: v
+                style: p
             },  n().createElement("path", {
                 d: u,
                 ref: t
@@ -603,7 +603,7 @@
     se.propTypes = fe;
     // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
     /* eslint-disable @typescript-eslint/no-empty-function */
-    var pe = {
+    var ve = {
         body: {
             appendChild: function e() {
                 return [];
@@ -657,14 +657,16 @@
             search: ""
         }
     };
-    function ve() {
-        var e = typeof document !== "undefined" ? document : pe;
+    function pe() {
+        var e = typeof document !== "undefined" ? document : ve;
         return e;
     }
+    var de = pe();
+    /* harmony default export */    const he = /* unused pure expression or super */ null && de;
     // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
     /* eslint-disable @typescript-eslint/no-empty-function */
-    var de = {
-        document: pe,
+    var me = {
+        document: ve,
         navigator: {
             userAgent: ""
         },
@@ -718,20 +720,22 @@
             clearTimeout(t);
         }
     };
-    function he() {
-        var e = typeof window !== "undefined" ? window : de;
+    function be() {
+        var e = typeof window !== "undefined" ? window : me;
         return e;
     }
+    var ye = be();
+    /* harmony default export */    const ge = /* unused pure expression or super */ null && ye;
     // 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);
@@ -741,46 +745,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 = je(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 je(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 Ee() {
         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,
@@ -794,18 +798,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 je(e, t) {
+ */    function Ae(e, t) {
         var r, n;
         var o = e.getBoundingClientRect();
-        var a = Oe();
+        var a = Ee();
         if (!t || !a) {
             return o;
         }
-        var i = he();
+        var i = be();
         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,
@@ -819,7 +823,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 ke(e, t) {
         if (e) {
             if (typeof e === "function") {
                 e(t);
@@ -832,16 +836,16 @@
         }
     }
     // CONCATENATED MODULE: ./src/Popover/Popover.tsx
-    function Ee(e) {
+    function Te(e) {
         "@babel/helpers - typeof";
-        return Ee = "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;
-        }, Ee(e);
+        }, Te(e);
     }
-    function xe() {
-        return xe = Object.assign ? Object.assign.bind() : function(e) {
+    function Re() {
+        return Re = Object.assign ? Object.assign.bind() : function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var r = arguments[t];
                 for (var n in r) {
@@ -849,9 +853,9 @@
                 }
             }
             return e;
-        }, xe.apply(null, arguments);
+        }, Re.apply(null, arguments);
     }
-    function Ae(e, t) {
+    function Me(e, t) {
         var r = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
@@ -861,60 +865,60 @@
         }
         return r;
     }
-    function ke(e) {
+    function We(e) {
         for (var t = 1; t < arguments.length; t++) {
             var r = null != arguments[t] ? arguments[t] : {};
-            t % 2 ? Ae(Object(r), !0).forEach((function(t) {
-                Te(e, t, r[t]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Ae(Object(r)).forEach((function(t) {
+            t % 2 ? Me(Object(r), !0).forEach((function(t) {
+                qe(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 Te(e, t, r) {
-        return (t = Re(t)) in e ? Object.defineProperty(e, t, {
+    function qe(e, t, r) {
+        return (t = He(t)) in e ? Object.defineProperty(e, t, {
             value: r,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[t] = r, e;
     }
-    function Re(e) {
-        var t = Me(e, "string");
-        return "symbol" == Ee(t) ? t : t + "";
+    function He(e) {
+        var t = Ie(e, "string");
+        return "symbol" == Te(t) ? t : t + "";
     }
-    function Me(e, t) {
-        if ("object" != Ee(e) || !e) return e;
+    function Ie(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" != Ee(n)) return n;
+            if ("object" != Te(n)) return n;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === t ? String : Number)(e);
     }
-    function We(e, t) {
-        return De(e) || Le(e, t) || He(e, t) || qe();
+    function Le(e, t) {
+        return Ne(e) || _e(e, t) || Fe(e, t) || De();
     }
-    function qe() {
+    function De() {
         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 He(e, t) {
+    function Fe(e, t) {
         if (e) {
-            if ("string" == typeof e) return Ie(e, t);
+            if ("string" == typeof e) return $e(e, t);
             var r = {}.toString.call(e).slice(8, -1);
-            return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? Ie(e, t) : void 0;
+            return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? $e(e, t) : void 0;
         }
     }
-    function Ie(e, t) {
+    function $e(e, t) {
         (null == t || t > e.length) && (t = e.length);
         for (var r = 0, n = Array(t); r < t; r++) {
             n[r] = e[r];
         }
         return n;
     }
-    function Le(e, t) {
+    function _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,12 +940,12 @@
             return l;
         }
     }
-    function De(e) {
+    function Ne(e) {
         if (Array.isArray(e)) return e;
     }
-    function Fe(e, t) {
+    function Ve(e, t) {
         if (null == e) return {};
-        var r, n, o = $e(e, t);
+        var r, n, o = ze(e, t);
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
             for (n = 0; n < a.length; n++) {
@@ -950,7 +954,7 @@
         }
         return o;
     }
-    function $e(e, t) {
+    function ze(e, t) {
         if (null == e) return {};
         var r = {};
         for (var n in e) {
@@ -965,8 +969,8 @@
     /** @public */
     /** @public */
     /** @public */
-    /** @public */    var _e = [ "clickAway", "escapeKey", "offScreen", "tabKey" ];
-    var Ne = {
+    /** @public */    var Ke = [ "clickAway", "escapeKey", "offScreen", "tabKey" ];
+    var Xe = {
         align: a().oneOf([ "center", "edge", "end" ]),
         anchor: a().object,
         animation: a().bool,
@@ -975,7 +979,7 @@
         autoCloseWhenOffScreen: a().bool,
         canCoverAnchor: a().bool,
         children: a().oneOfType([ a().node, a().func ]),
-        closeReasons: a().arrayOf(a().oneOf(_e)),
+        closeReasons: a().arrayOf(a().oneOf(Ke)),
         defaultPlacement: a().oneOf([ "above", "below", "left", "right", "vertical", "horizontal" ]),
         elementRef: a().oneOfType([ a().func, a().object ]),
         id: a().string,
@@ -993,11 +997,11 @@
         takeFocus: a().bool,
         splunkTheme: a().object
     };
-    var Ve = {
+    var Be = {
         passive: false,
         capture: true
     };
-    function ze(e, t) {
+    function Ye(e, t) {
         var r = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
         return !!e && !!t && s()(e, (function(e, n) {
             if (b()(e)) {
@@ -1006,7 +1010,7 @@
             return t[n] === e;
         }));
     }
-    function Ke(e) {
+    function Ue(e) {
         var t = e.anchorPos, r = e.borderRadius, n = e.placement, o = e.outerContainerStyle, a = e.outerContainerEl;
         if (n === "misaligned") {
             return [ {
@@ -1022,22 +1026,22 @@
         // top edge
                 var f = -(a.offsetHeight / 2 - (X + r + X / 2));
         var s = t.center - (o.top + a.offsetHeight / 2) - X / 2;
-        var p = l()(s, f, u);
+        var v = l()(s, f, u);
         // right edge
-                var v = a.offsetWidth / 2 - (c + X + r);
+                var p = a.offsetWidth / 2 - (c + X + r);
         // left edge
                 var d = -(a.offsetWidth / 2 - (X + r));
         var h = t.middle - (o.left + a.offsetWidth / 2) - X;
-        var m = l()(h, d, v);
+        var m = l()(h, d, p);
         var b = {
             left: {
                 translateX: X / 2,
-                translateY: p,
+                translateY: v,
                 rotate: 90
             },
             right: {
                 translateX: -X / 2,
-                translateY: p,
+                translateY: v,
                 rotate: -90
             },
             above: {
@@ -1070,17 +1074,17 @@
         i[w[n]] = "50%";
         return [ i, y ];
     }
-    function Xe(e) {
+    function Ge(e) {
         var t = e.anchorEl, r = e.offsets, n = r === void 0 ? false : r, o = e.pointTo;
-        var a = je(t, n);
+        var a = Ae(t, n);
         var i = {
             // these are rounded to avoid causing visual regressions
             // they were previously clientWidth and clientHeight which were already rounded
             width: Math.round(a.width),
             height: Math.round(a.height)
         };
-        var l = o && v()(o, "x");
-        var c = o && v()(o, "y");
+        var l = o && p()(o, "x");
+        var c = o && p()(o, "y");
         i.left = l ? a.left + ((o === null || o === void 0 ? void 0 : o.x) || 0) : a.left;
         i.top = c ? a.top + ((o === null || o === void 0 ? void 0 : o.y) || 0) : a.top;
         i.right = l ? i.left + i.width : a.left + i.width || a.right;
@@ -1093,11 +1097,11 @@
         i.center = c ? i.top : a.top + (i.bottom - a.top) / 2;
         return i;
     }
-    function Be(e) {
+    function Je(e) {
         return e !== window && e !== window.document;
     }
-    function Ye(e, t) {
-        var r = he();
+    function Qe(e, t) {
+        var r = be();
         if (e.top < 0 || e.top > r.innerHeight || e.left < 0 || e.left > r.innerWidth) {
             return true;
         }
@@ -1108,23 +1112,23 @@
         }
         return false;
     }
-    function Ue(e, t) {
+    function Ze(e, t) {
         // this accomodates the arrow height
         // and provides some spacing between the end of the Popover and the edge of the window
         var r = X * 2;
         return t !== "none" && e != null && b()(e) ? e - r : e || null;
     }
-    var Ge = {};
+    var et = {};
     /**
  * `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.
- */    function Je(e) {
+ */    function tt(e) {
         var t, o;
-        var a = e.align, i = a === void 0 ? "center" : a, l = e.anchor, c = e.animation, f = c === void 0 ? true : c, s = e.animationConfig, p = s === void 0 ? Ge : s, v = e.appearance, d = v === void 0 ? "normal" : v, m = e.autoCloseWhenOffScreen, b = m === void 0 ? true : m, y = e.canCoverAnchor, w = e.children, O = e.closeReasons, C = O === void 0 ? _e : O, x = e.defaultPlacement, k = x === void 0 ? "below" : x, R = e.elementRef, q = e.hideArrow, H = e.hitAreaRef, I = e.id, L = e.onRequestClose, D = e.open, F = e.outerRef, $ = e.pointTo, N = e.repositionMode, V = N === void 0 ? "flip" : N, z = e.retainFocus, K = z === void 0 ? true : z, Y = e.takeFocus, Q = Fe(e, [ "align", "anchor", "animation", "animationConfig", "appearance", "autoCloseWhenOffScreen", "canCoverAnchor", "children", "closeReasons", "defaultPlacement", "elementRef", "hideArrow", "hitAreaRef", "id", "onRequestClose", "open", "outerRef", "pointTo", "repositionMode", "retainFocus", "takeFocus" ]);
+        var a = e.align, i = a === void 0 ? "center" : a, l = e.anchor, c = e.animation, f = c === void 0 ? true : c, s = e.animationConfig, v = s === void 0 ? et : s, p = e.appearance, d = p === void 0 ? "normal" : p, m = e.autoCloseWhenOffScreen, b = m === void 0 ? true : m, y = e.canCoverAnchor, w = e.children, O = e.closeReasons, C = O === void 0 ? Ke : O, x = e.defaultPlacement, k = x === void 0 ? "below" : x, R = e.elementRef, q = e.hideArrow, H = e.hitAreaRef, I = e.id, L = e.onRequestClose, D = e.open, F = e.outerRef, $ = e.pointTo, N = e.repositionMode, V = N === void 0 ? "flip" : N, z = e.retainFocus, K = z === void 0 ? true : z, Y = e.takeFocus, Q = Ve(e, [ "align", "anchor", "animation", "animationConfig", "appearance", "autoCloseWhenOffScreen", "canCoverAnchor", "children", "closeReasons", "defaultPlacement", "elementRef", "hideArrow", "hitAreaRef", "id", "onRequestClose", "open", "outerRef", "pointTo", "repositionMode", "retainFocus", "takeFocus" ]);
         // @docs-props-type PopoverPropsBase
-                var Z = (0, r.useState)(D), ee = We(Z, 2), te = ee[0], re = ee[1];
-        var ne = (0, r.useState)(false), oe = We(ne, 2), ae = oe[0], ie = oe[1];
+                var Z = (0, r.useState)(D), ee = Le(Z, 2), te = ee[0], re = ee[1];
+        var ne = (0, r.useState)(false), oe = Le(ne, 2), ae = oe[0], ie = oe[1];
         if (D !== ae) {
             // formerly implemented by componentWillReceiveProps
             // we can't use prevOpen here since that's a ref behind the scenes
@@ -1136,18 +1140,18 @@
         }
         // this is a single state object because all these properties
         // are updated at the same time by setPlacement
-                var le = (0, r.useState)({}), fe = We(le, 2), se = fe[0], pe = fe[1];
-        var ve = (0, r.useRef)(true);
+                var le = (0, r.useState)({}), fe = Le(le, 2), se = fe[0], ve = fe[1];
+        var pe = (0, r.useRef)(true);
         var de = (0, r.useRef)(false);
+        var he = (0, r.useRef)(null);
         var me = (0, r.useRef)(null);
-        var be = (0, r.useRef)(null);
         var ye = (0, r.useRef)(null);
         var ge = {
             anchorHeight: ((t = se.anchorPos) === null || t === void 0 ? void 0 : t.height) || null,
             anchorWidth: ((o = se.anchorPos) === null || o === void 0 ? void 0 : o.width) || null,
             placement: se.placement || null,
-            maxHeight: Ue(se.maxHeight, d),
-            maxWidth: Ue(se.maxWidth, d)
+            maxHeight: Ze(se.maxHeight, d),
+            maxWidth: Ze(se.maxWidth, d)
         };
         var we = (0, r.useMemo)((function() {
             return f ? {
@@ -1156,37 +1160,37 @@
                 opacity: 1
             };
         }), [ f, D ]);
-        var Se = he();
+        var Se = be();
         var Oe = D || te;
         var Pe = (0, r.useContext)(T()) || Se;
         var je = Pe !== Se;
-        var Ee = (0, r.useContext)(ue), Ae = Ee.hideArrow;
-        var Te = q !== null && q !== void 0 ? q : Ae;
+        var Ce = (0, r.useContext)(ue), Ee = Ce.hideArrow;
+        var xe = q !== null && q !== void 0 ? q : Ee;
         (0, r.useEffect)((function() {
             if (false) {}
         }), [ l ]);
-        var Re = (0, r.useCallback)((function(e) {
+        var Ae = (0, r.useCallback)((function(e) {
             if (D && (C === null || C === void 0 ? void 0 : C.includes(e.reason))) {
                 L === null || L === void 0 ? void 0 : L(e);
             }
         }), [ C, D, L ]);
-        var Me = (0, r.useCallback)((function(e, t) {
-            var r = Ye(e, t);
+        var Te = (0, r.useCallback)((function(e, t) {
+            var r = Qe(e, t);
             if (r) {
-                Re({
+                Ae({
                     reason: "offScreen"
                 });
             }
             return r;
-        }), [ Re ]);
-        var qe = M()(), He = qe.borderRadius, Ie = qe.spacingXSmall;
-        var Le = parseInt(He, 10);
-        var De = parseInt(Ie, 10);
+        }), [ Ae ]);
+        var Me = M()(), qe = Me.borderRadius, He = Me.spacingXSmall;
+        var Ie = parseInt(qe, 10);
+        var De = parseInt(He, 10);
         // this is intentionally smaller when the arrow is hidden to address SUI-5452
-                var $e = Te ? De : X;
+                var Fe = xe ? De : X;
         // do not call this directly - use setPlacement (the throttled version) instead
-                var Ne = (0, r.useCallback)((function(e) {
-            pe((function(t) {
+                var $e = (0, r.useCallback)((function(e) {
+            ve((function(t) {
                 var r, n;
                 // If these conditions are not met, we cannot set the popover.
                                 if (!D || !ye.current || !l) {
@@ -1195,21 +1199,21 @@
                     // }
                     return t;
                 }
-                var o = Xe({
+                var o = Ge({
                     anchorEl: l,
                     pointTo: $
                 });
-                var a = Xe({
+                var a = Ge({
                     anchorEl: l,
                     offsets: true,
                     pointTo: $
                 });
-                var c = Be(Pe) ? Xe({
+                var c = Je(Pe) ? Ge({
                     anchorEl: Pe,
                     pointTo: $
                 }) : undefined;
                 if (e && b) {
-                    if (Me(o, c)) {
+                    if (Te(o, c)) {
                         return t;
                     }
                 }
@@ -1221,27 +1225,27 @@
                     defaultPlacement: k,
                     repositionMode: V,
                     outerContainerEl: ye.current,
-                    padding: $e,
+                    padding: Fe,
                     windowWidth: Se.innerWidth,
                     windowHeight: Se.innerHeight
-                }), f = u.placement, s = u.outerContainerStyle, p = u.maxHeight, v = u.maxWidth;
-                var d = ze(a, t.anchorPos) && ze(s, t.outerContainerStyle) && f === t.placement && p === t.maxHeight && v === t.maxWidth;
+                }), f = u.placement, s = u.outerContainerStyle, v = u.maxHeight, p = u.maxWidth;
+                var d = Ye(a, t.anchorPos) && Ye(s, t.outerContainerStyle) && f === t.placement && v === t.maxHeight && p === t.maxWidth;
                 var h = true;
                 var m = {};
                 var g;
-                if (me.current) {
-                    var w = Ke({
+                if (he.current) {
+                    var w = Ue({
                         anchorPos: a,
-                        borderRadius: Le,
+                        borderRadius: Ie,
                         outerContainerStyle: s,
                         placement: f,
                         outerContainerEl: ye.current
                     });
-                    var O = We(w, 2);
+                    var O = Le(w, 2);
                     m = O[0];
                     g = O[1];
                 }
-                h = ze(S()(m, "transform"), S()(t.arrowStyle, "transform")) && ze((r = g) !== null && r !== void 0 ? r : {}, (n = t.arrowStyleTransformMeta) !== null && n !== void 0 ? n : {});
+                h = Ye(S()(m, "transform"), S()(t.arrowStyle, "transform")) && Ye((r = g) !== null && r !== void 0 ? r : {}, (n = t.arrowStyleTransformMeta) !== null && n !== void 0 ? n : {});
                 // If none of the position data has changed, do not set state.
                                 if (d && h) {
                     return t;
@@ -1252,97 +1256,97 @@
                     arrowStyleTransformMeta: g,
                     outerContainerStyle: s,
                     placement: f,
-                    maxHeight: p,
-                    maxWidth: v
+                    maxHeight: v,
+                    maxWidth: p
                 };
             }));
-        }), [ i, l, b, Le, $e, y, Me, k, D, $, V, Pe, Se.innerHeight, Se.innerWidth ]);
+        }), [ i, l, b, Ie, Fe, y, Te, k, D, $, V, Pe, Se.innerHeight, Se.innerWidth ]);
         // these are useMemo rather than useCallback so that ESLint can correctly analyze the dependencies
         // see https://github.com/facebook/react/issues/19240#issuecomment-652945246
-                var Je = (0, r.useMemo)((function() {
-            return P()(Ne.bind(null, true), 0);
-        }), [ Ne ]);
-        var Qe = (0, r.useMemo)((function() {
-            return P()(Ne.bind(null, true), 0);
-        }), [ Ne ]);
-        var Ze = (0, r.useMemo)((function() {
-            return P()(Ne, 0, {
+                var _e = (0, r.useMemo)((function() {
+            return P()($e.bind(null, true), 0);
+        }), [ $e ]);
+        var Ne = (0, r.useMemo)((function() {
+            return P()($e.bind(null, true), 0);
+        }), [ $e ]);
+        var ze = (0, r.useMemo)((function() {
+            return P()($e, 0, {
                 leading: false
             });
-        }), [ Ne ]);
+        }), [ $e ]);
         // this needs to run on every render - equivalent to componentDidUpdate
                 (0, r.useEffect)((function() {
-            if (!be.current) {
+            if (!me.current) {
                 return;
             }
             if (D || te) {
-                Ze();
+                ze();
             }
         }));
         (0, r.useEffect)((function() {
-            if (Y && D && be.current && se.placement != null && !de.current) {
+            if (Y && D && me.current && se.placement != null && !de.current) {
                 de.current = true;
-                (0, W.takeFocus)(be.current);
+                (0, W.takeFocus)(me.current);
             }
         }), [ D, se.placement, Y ]);
         // it is not part of the previous useEffect because it needs to be equivalent to componentWillUnmount
                 (0, r.useEffect)((function() {
             return function() {
-                Ze.cancel();
-                Je.cancel();
-                Qe.cancel();
-                ve.current = false;
+                ze.cancel();
+                _e.cancel();
+                Ne.cancel();
+                pe.current = false;
             };
             // no dependencies here since this needs to set up a cleanup function exactly once
             // eslint-disable-next-line react-hooks/exhaustive-deps
                 }), []);
         // EventListeners only need to be rendered when open,
         // otherwise leads to negative performance impacts
-                var et = Oe ?  n().createElement(n().Fragment, null, je &&  n().createElement(E(), {
+                var Xe = Oe ?  n().createElement(n().Fragment, null, je &&  n().createElement(E(), {
             target: Pe,
             eventType: "scroll",
-            listener: Je,
-            options: Ve,
+            listener: _e,
+            options: Be,
             key: "eventListener"
         }),  n().createElement(E(), {
             target: Se,
             eventType: "resize",
-            listener: Ze,
+            listener: ze,
             key: "eventListenerOnWindowResize"
         }),  n().createElement(E(), {
             target: Se,
             eventType: "scroll",
-            listener: Qe,
-            options: Ve,
+            listener: Ne,
+            options: Be,
             key: "eventListenerOnWindowScroll"
         })) : null;
         var tt = (0, r.useCallback)((function() {
             // checking allowAnimationUpdates avoids trying to update state after the component has been unmounted - see SUI-3666
-            if (ve.current) {
+            if (pe.current) {
                 re(false);
             }
         }), []);
         var rt = (0, r.useCallback)((function(e) {
-            be.current = e;
+            me.current = e;
             if (e && Y) {
                 u()(W.takeFocus, e);
             }
-            Ce(R, e);
+            ke(R, e);
         }), [ R, Y ]);
         var nt = (0, r.useCallback)((function(e) {
             ye.current = e;
-            Ce(F, e);
+            ke(F, e);
         }), [ F ]);
         var ot = (0, r.useCallback)((function(e) {
-            if (be.current) {
+            if (me.current) {
                 if (K) {
-                    (0, W.handleTab)(be.current, e);
+                    (0, W.handleTab)(me.current, e);
                 } else if ((0, W.isTabKey)(e)) {
-                    var t = (0, W.getSortedTabbableElements)(be.current);
+                    var t = (0, W.getSortedTabbableElements)(me.current);
                     if (t.length > 0) {
                         var r = e.shiftKey ? t[0] : t[t.length - 1];
                         if (r === e.target) {
-                            Re({
+                            Ae({
                                 event: e,
                                 reason: "tabKey"
                             });
@@ -1350,19 +1354,19 @@
                     }
                 }
             }
-        }), [ Re, K ]);
+        }), [ Ae, K ]);
         var at = (0, r.useMemo)((function() {
             return {
                 opacity: f ? 0 : 1
             };
         }), [ f ]);
         var it = (0, r.useMemo)((function() {
-            return ke({
+            return We({
                 tension: 300,
                 friction: 20,
                 clamp: true
-            }, p);
-        }), [ p ]);
+            }, v);
+        }), [ v ]);
         var lt = (0, j.useAnimation)({
             from: at,
             to: we,
@@ -1372,7 +1376,7 @@
             onRest: tt
         });
         var ct = (0, r.useMemo)((function() {
-            return ke(ke({}, se.outerContainerStyle), lt);
+            return We(We({}, se.outerContainerStyle), lt);
         }), [ se.outerContainerStyle, lt ]);
         var ut = (0, r.useMemo)((function() {
             return h()(C === null || C === void 0 ? void 0 : C.filter((function(e) {
@@ -1381,41 +1385,41 @@
         }), [ C ]);
         var ft = g()(w) ? w(ge) : w;
         
-        return n().createElement(n().Fragment, null, et,  n().createElement(A(), {
+        return n().createElement(n().Fragment, null, Xe,  n().createElement(A(), {
             closeReasons: ut,
             open: Oe,
-            onRequestClose: Re,
+            onRequestClose: Ae,
             key: "Layer"
-        }, Oe && be.current && H &&  n().createElement(ce, {
+        }, Oe && me.current && H &&  n().createElement(ce, {
             anchorRect: se.anchorPos,
-            popoverEl: be.current,
+            popoverEl: me.current,
             popoverPlacement: se.placement,
             ref: H
         }), Oe &&  n().createElement(B, {
             "data-test": "outer-popover",
             style: ct,
             ref: nt
-        },  n().createElement(U, xe({
+        },  n().createElement(U, Re({
             $appearance: d,
-            $boxPadding: $e,
+            $boxPadding: Fe,
             $open: D,
             "data-test": "popover",
             ref: rt,
             id: I,
             onKeyDown: ot
-        }, Q),  n().createElement(n().Fragment, null, d === "none" && ft, d !== "none" && !Te &&  n().createElement(J, {
+        }, Q),  n().createElement(n().Fragment, null, d === "none" && ft, d !== "none" && !xe &&  n().createElement(J, {
             "data-test": "popover-arrow",
             $appearance: d,
-            ref: me,
+            ref: he,
             style: se.arrowStyle
         }), d !== "none" &&  n().createElement(G, {
             $appearance: d
         }, ft))))));
     }
-    Je.propTypes = Ne;
-    /* harmony default export */    const Qe = Je;
+    tt.propTypes = Xe;
+    /* harmony default export */    const rt = tt;
     // CONCATENATED MODULE: ./src/Popover/PopoverMenuContext.tsx
-    var Ze =  (0, r.createContext)({});
+    var nt =  (0, r.createContext)({});
     // CONCATENATED MODULE: ./src/Popover/index.ts
     module.exports = t;
     /******/})();