@splunk/react-ui 5.0.0-beta.5 → 5.0.0-rc.2

package/Popover.js

@@ -82,8 +82,8 @@
     const f = require("lodash/every");
     var s =  e.n(f);
     // CONCATENATED MODULE: external "lodash/has"
-    const v = require("lodash/has");
-    var p =  e.n(v);
+    const p = require("lodash/has");
+    var v =  e.n(p);
     // 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 v = c === "any";
-        var p = s || v;
+        var p = c === "any";
+        var v = s || p;
         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 && p) {
+            if (!P && v) {
                 if (j) {
                     return _(I(I({}, e), {}, {
                         placement: "below"
                     }));
                 }
-                if (v && E) {
+                if (p && E) {
                     return _(I(I({}, e), {}, {
                         placement: "right"
                     }));
                 }
-                if (v && C) {
+                if (p && C) {
                     return _(I(I({}, e), {}, {
                         placement: "left"
                     }));
@@ -281,18 +281,18 @@
             }
         }
         if (O === "below") {
-            if (!j && p) {
+            if (!j && v) {
                 if (P && x) {
                     return _(I(I({}, e), {}, {
                         placement: "above"
                     }));
                 }
-                if (v && E) {
+                if (p && E) {
                     return _(I(I({}, e), {}, {
                         placement: "right"
                     }));
                 }
-                if (v && C) {
+                if (p && C) {
                     return _(I(I({}, e), {}, {
                         placement: "left"
                     }));
@@ -315,18 +315,18 @@
             }
         }
         if (O === "left") {
-            if (!C && p) {
+            if (!C && v) {
                 if (E) {
                     return _(I(I({}, e), {}, {
                         placement: "right"
                     }));
                 }
-                if (v && j) {
+                if (p && j) {
                     return _(I(I({}, e), {}, {
                         placement: "below"
                     }));
                 }
-                if (v && P) {
+                if (p && P) {
                     return _(I(I({}, e), {}, {
                         placement: "above"
                     }));
@@ -346,18 +346,18 @@
             }
         }
         if (O === "right") {
-            if (!E && p) {
+            if (!E && v) {
                 if (C) {
                     return _(I(I({}, e), {}, {
                         placement: "left"
                     }));
                 }
-                if (v && j) {
+                if (p && j) {
                     return _(I(I({}, e), {}, {
                         placement: "below"
                     }));
                 }
-                if (v && P) {
+                if (p && 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 v = "".concat(i, " ").concat(c);
-                var p = "".concat(i + r.width, " ").concat(l);
+                var p = "".concat(i, " ").concat(c);
+                var v = "".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(v, "\n                        L ").concat(s, "\n                        L ").concat(p, "\n                        L ").concat(d, "\n                        S ").concat(p, " , ").concat(f, "\n                    ");
+                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                    ");
                 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)({}), v = Z(s, 2), p = v[0], d = v[1];
+        var s = (0, r.useState)({}), p = Z(s, 2), v = p[0], d = p[1];
         (0, r.useEffect)((function() {
             var e = ie({
                 anchorRect: o,
@@ -570,7 +570,7 @@
             
             return n().createElement(Q, {
                 "data-test": "popover-hit-area",
-                style: p
+                style: v
             },  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 ve = {
+    var pe = {
         body: {
             appendChild: function e() {
                 return [];
@@ -657,16 +657,16 @@
             search: ""
         }
     };
-    function pe() {
-        var e = typeof document !== "undefined" ? document : ve;
+    function ve() {
+        var e = typeof document !== "undefined" ? document : pe;
         return e;
     }
-    var de = pe();
+    var de = ve();
     /* 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 me = {
-        document: ve,
+        document: pe,
         navigator: {
             userAgent: ""
         },
@@ -1026,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 v = l()(s, f, u);
+        var p = l()(s, f, u);
         // right edge
-                var p = a.offsetWidth / 2 - (c + X + r);
+                var v = 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, p);
+        var m = l()(h, d, v);
         var b = {
             left: {
                 translateX: X / 2,
-                translateY: v,
+                translateY: p,
                 rotate: 90
             },
             right: {
                 translateX: -X / 2,
-                translateY: v,
+                translateY: p,
                 rotate: -90
             },
             above: {
@@ -1083,8 +1083,8 @@
             width: Math.round(a.width),
             height: Math.round(a.height)
         };
-        var l = o && p()(o, "x");
-        var c = o && p()(o, "y");
+        var l = o && v()(o, "x");
+        var c = o && v()(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;
@@ -1125,9 +1125,10 @@
  * `Dropdown` covers use cases where you might consider using `Popover` directly.
  */    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, 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" ]);
+        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 ? et : 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 ? 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 = Le(Z, 2), te = ee[0], re = ee[1];
+                if (false) {}
+        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
@@ -1140,8 +1141,8 @@
         }
         // this is a single state object because all these properties
         // are updated at the same time by setPlacement
-                var le = (0, r.useState)({}), fe = Le(le, 2), se = fe[0], ve = fe[1];
-        var pe = (0, r.useRef)(true);
+                var le = (0, r.useState)({}), fe = Le(le, 2), se = fe[0], pe = fe[1];
+        var ve = (0, r.useRef)(true);
         var de = (0, r.useRef)(false);
         var he = (0, r.useRef)(null);
         var me = (0, r.useRef)(null);
@@ -1190,7 +1191,7 @@
                 var Fe = xe ? De : X;
         // do not call this directly - use setPlacement (the throttled version) instead
                 var $e = (0, r.useCallback)((function(e) {
-            ve((function(t) {
+            pe((function(t) {
                 var r, n;
                 // If these conditions are not met, we cannot set the popover.
                                 if (!D || !ye.current || !l) {
@@ -1228,8 +1229,8 @@
                     padding: Fe,
                     windowWidth: Se.innerWidth,
                     windowHeight: Se.innerHeight
-                }), 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;
+                }), f = u.placement, s = u.outerContainerStyle, p = u.maxHeight, v = u.maxWidth;
+                var d = Ye(a, t.anchorPos) && Ye(s, t.outerContainerStyle) && f === t.placement && p === t.maxHeight && v === t.maxWidth;
                 var h = true;
                 var m = {};
                 var g;
@@ -1256,8 +1257,8 @@
                     arrowStyleTransformMeta: g,
                     outerContainerStyle: s,
                     placement: f,
-                    maxHeight: v,
-                    maxWidth: p
+                    maxHeight: p,
+                    maxWidth: v
                 };
             }));
         }), [ i, l, b, Ie, Fe, y, Te, k, D, $, V, Pe, Se.innerHeight, Se.innerWidth ]);
@@ -1295,7 +1296,7 @@
                 ze.cancel();
                 _e.cancel();
                 Ne.cancel();
-                pe.current = false;
+                ve.current = false;
             };
             // no dependencies here since this needs to set up a cleanup function exactly once
             // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -1322,7 +1323,7 @@
         })) : null;
         var tt = (0, r.useCallback)((function() {
             // checking allowAnimationUpdates avoids trying to update state after the component has been unmounted - see SUI-3666
-            if (pe.current) {
+            if (ve.current) {
                 re(false);
             }
         }), []);
@@ -1365,8 +1366,8 @@
                 tension: 300,
                 friction: 20,
                 clamp: true
-            }, v);
-        }), [ v ]);
+            }, p);
+        }), [ p ]);
         var lt = (0, j.useAnimation)({
             from: at,
             to: we,
@@ -1417,6 +1418,7 @@
         }, ft))))));
     }
     tt.propTypes = Xe;
+    tt.possibleCloseReasons = Ke;
     /* harmony default export */    const rt = tt;
     // CONCATENATED MODULE: ./src/Popover/PopoverMenuContext.tsx
     var nt =  (0, r.createContext)({});