@splunk/react-ui 5.7.1 → 5.8.0

package/TransitionOpen.js

@@ -8,27 +8,27 @@
     /******/ /* webpack/runtime/compat get default export */
     /******/    (() => {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
-        /******/ e.n = t => {
-            /******/ var n = t && t.__esModule ? 
-            /******/ () => t["default"]
-            /******/ : () => t
+        /******/ e.n = n => {
+            /******/ var t = n && n.__esModule ? 
+            /******/ () => n["default"]
+            /******/ : () => n
             /******/;
-            e.d(n, {
-                a: n
+            e.d(t, {
+                a: t
             });
-            /******/            return n;
+            /******/            return t;
             /******/        };
         /******/    })();
     /******/
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ e.d = (t, n) => {
-            /******/ for (var r in n) {
-                /******/ if (e.o(n, r) && !e.o(t, r)) {
-                    /******/ Object.defineProperty(t, r, {
+        /******/ e.d = (n, t) => {
+            /******/ for (var r in t) {
+                /******/ if (e.o(t, r) && !e.o(n, r)) {
+                    /******/ Object.defineProperty(n, r, {
                         enumerable: true,
-                        get: n[r]
+                        get: t[r]
                     });
                     /******/                }
                 /******/            }
@@ -37,7 +37,7 @@
     /******/
     /******/ /* webpack/runtime/hasOwnProperty shorthand */
     /******/    (() => {
-        /******/ e.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
+        /******/ e.o = (e, n) => Object.prototype.hasOwnProperty.call(e, n)
         /******/;
     })();
     /******/
@@ -56,16 +56,16 @@
             /******/        };
         /******/    })();
     /******/
-    /************************************************************************/    var t = {};
+    /************************************************************************/    var n = {};
     // ESM COMPAT FLAG
-        e.r(t);
+        e.r(n);
     // EXPORTS
-        e.d(t, {
-        default: () => /* reexport */ H
+        e.d(n, {
+        default: () => /* reexport */ $
     });
     // CONCATENATED MODULE: external "react"
-    const n = require("react");
-    var r =  e.n(n);
+    const t = require("react");
+    var r =  e.n(t);
     // CONCATENATED MODULE: external "prop-types"
     const o = require("prop-types");
     var i =  e.n(o);
@@ -90,8 +90,8 @@
         displayName: "TransitionOpenStyles__Styled",
         componentId: "sc-1x58s0g-0"
     })([ "", ";", ";" ], p.mixins.reset("block"), (function(e) {
-        var t = e.$hideOverflow;
-        return t && (0, d.css)([ "overflow:hidden;" ]);
+        var n = e.$hideOverflow;
+        return n && (0, d.css)([ "&&{overflow:hidden;}" ]);
     }));
     var y = m()(f.animated.div).withConfig({
         displayName: "TransitionOpenStyles__StyledInner",
@@ -104,73 +104,73 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-    function b(e, t) {
+    function b(e, n) {
         if (e) {
             if (typeof e === "function") {
-                e(t);
+                e(n);
             } else {
                 // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
                 // the intention here is to signal "we will take care of setting 'current', not you".
-                e.current = t;
+                e.current = n;
  // eslint-disable-line no-param-reassign
                         }
         }
     }
     // CONCATENATED MODULE: ./src/TransitionOpen/TransitionOpen.tsx
-    function h(e) {
+    function h() {
+        return h = Object.assign ? Object.assign.bind() : function(e) {
+            for (var n = 1; n < arguments.length; n++) {
+                var t = arguments[n];
+                for (var r in t) {
+                    ({}).hasOwnProperty.call(t, r) && (e[r] = t[r]);
+                }
+            }
+            return e;
+        }, h.apply(null, arguments);
+    }
+    function g(e) {
         "@babel/helpers - typeof";
-        return h = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return g = "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;
-        }, h(e);
-    }
-    function g() {
-        return g = Object.assign ? Object.assign.bind() : function(e) {
-            for (var t = 1; t < arguments.length; t++) {
-                var n = arguments[t];
-                for (var r in n) {
-                    ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
-                }
-            }
-            return e;
-        }, g.apply(null, arguments);
+        }, g(e);
     }
-    function O(e, t) {
-        return k(e) || P(e, t) || j(e, t) || S();
+    function O(e, n) {
+        return k(e) || P(e, n) || j(e, n) || S();
     }
     function S() {
         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 j(e, t) {
+    function j(e, n) {
         if (e) {
-            if ("string" == typeof e) return w(e, t);
-            var n = {}.toString.call(e).slice(8, -1);
-            return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? w(e, t) : void 0;
+            if ("string" == typeof e) return w(e, n);
+            var t = {}.toString.call(e).slice(8, -1);
+            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? w(e, n) : void 0;
         }
     }
-    function w(e, t) {
-        (null == t || t > e.length) && (t = e.length);
-        for (var n = 0, r = Array(t); n < t; n++) {
-            r[n] = e[n];
+    function w(e, n) {
+        (null == n || n > e.length) && (n = e.length);
+        for (var t = 0, r = Array(n); t < n; t++) {
+            r[t] = e[t];
         }
         return r;
     }
-    function P(e, t) {
-        var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
-        if (null != n) {
+    function P(e, n) {
+        var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+        if (null != t) {
             var r, o, i, a, u = [], l = !0, s = !1;
             try {
-                if (i = (n = n.call(e)).next, 0 === t) {
-                    if (Object(n) !== n) return;
+                if (i = (t = t.call(e)).next, 0 === n) {
+                    if (Object(t) !== t) return;
                     l = !1;
-                } else for (;!(l = (r = i.call(n)).done) && (u.push(r.value), u.length !== t); l = !0) {
+                } else for (;!(l = (r = i.call(t)).done) && (u.push(r.value), u.length !== n); l = !0) {
                 }
             } catch (e) {
                 s = !0, o = e;
             } finally {
                 try {
-                    if (!l && null != n["return"] && (a = n["return"](), Object(a) !== a)) return;
+                    if (!l && null != t["return"] && (a = t["return"](), Object(a) !== a)) return;
                 } finally {
                     if (s) throw o;
                 }
@@ -181,73 +181,81 @@
     function k(e) {
         if (Array.isArray(e)) return e;
     }
-    function x(e, t) {
+    function x(e, n) {
         if (null == e) return {};
-        var n, r, o = C(e, t);
+        var t, r, o = C(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
-                n = i[r], -1 === t.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
+                t = i[r], -1 === n.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
             }
         }
         return o;
     }
-    function C(e, t) {
+    function C(e, n) {
         if (null == e) return {};
-        var n = {};
+        var t = {};
         for (var r in e) {
             if ({}.hasOwnProperty.call(e, r)) {
-                if (-1 !== t.indexOf(r)) continue;
-                n[r] = e[r];
+                if (-1 !== n.indexOf(r)) continue;
+                t[r] = e[r];
             }
         }
-        return n;
+        return t;
     }
-    function F(e, t) {
-        var n = Object.keys(e);
+    function F(e, n) {
+        var t = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var r = Object.getOwnPropertySymbols(e);
-            t && (r = r.filter((function(t) {
-                return Object.getOwnPropertyDescriptor(e, t).enumerable;
-            }))), n.push.apply(n, r);
+            n && (r = r.filter((function(n) {
+                return Object.getOwnPropertyDescriptor(e, n).enumerable;
+            }))), t.push.apply(t, r);
         }
-        return n;
+        return t;
     }
     function N(e) {
-        for (var t = 1; t < arguments.length; t++) {
-            var n = null != arguments[t] ? arguments[t] : {};
-            t % 2 ? F(Object(n), !0).forEach((function(t) {
-                A(e, t, n[t]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : F(Object(n)).forEach((function(t) {
-                Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
+        for (var n = 1; n < arguments.length; n++) {
+            var t = null != arguments[n] ? arguments[n] : {};
+            n % 2 ? F(Object(t), !0).forEach((function(n) {
+                A(e, n, t[n]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : F(Object(t)).forEach((function(n) {
+                Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
             }));
         }
         return e;
     }
-    function A(e, t, n) {
-        return (t = T(t)) in e ? Object.defineProperty(e, t, {
-            value: n,
+    function A(e, n, t) {
+        return (n = T(n)) in e ? Object.defineProperty(e, n, {
+            value: t,
             enumerable: !0,
             configurable: !0,
             writable: !0
-        }) : e[t] = n, e;
+        }) : e[n] = t, e;
     }
     function T(e) {
-        var t = E(e, "string");
-        return "symbol" == h(t) ? t : t + "";
+        var n = q(e, "string");
+        return "symbol" == g(n) ? n : n + "";
     }
-    function E(e, t) {
-        if ("object" != h(e) || !e) return e;
-        var n = e[Symbol.toPrimitive];
-        if (void 0 !== n) {
-            var r = n.call(e, t || "default");
-            if ("object" != h(r)) return r;
+    function q(e, n) {
+        if ("object" != g(e) || !e) return e;
+        var t = e[Symbol.toPrimitive];
+        if (void 0 !== t) {
+            var r = t.call(e, n || "default");
+            if ("object" != g(r)) return r;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        return ("string" === t ? String : Number)(e);
+        return ("string" === n ? String : Number)(e);
     }
-    var I = {
-        animation: i().oneOf([ "slideFromTop", "slideFromRight", "slideFromBottom", "slideFromLeft", "expandHeight", "expandWidth", "none" ]),
+    /** @public */    var E = [ "slideFromTop", "slideFromRight", "slideFromBottom", "slideFromLeft", "expandHeight", "expandWidth", "none" ];
+    /** @public */
+    /** @public */    var I = {
+        animation: i().oneOfType([ i().oneOf(E), i().shape({
+            open: i().oneOf(E).isRequired,
+            close: i().oneOf([ "none" ]).isRequired
+        }), i().shape({
+            open: i().oneOf([ "none" ]).isRequired,
+            close: i().oneOf(E).isRequired
+        }) ]),
         animateOnMount: i().bool,
         children: i().node,
         elementRef: i().oneOfType([ i().func, i().object ]),
@@ -265,29 +273,29 @@
         retainFocus: i().bool,
         takeFocus: i().bool
     };
-    var q = function e(t) {
-        var n;
-        switch (t) {
+    var R = function e(n) {
+        var t;
+        switch (n) {
           case "slideFromTop":
           case "slideFromBottom":
           case "expandHeight":
           case "none":
-            n = "height";
+            t = "height";
             break;
 
           case "slideFromLeft":
           case "slideFromRight":
           case "expandWidth":
-            n = "width";
+            t = "width";
             break;
 
           default:
  // Intentionally left empty.
                 }
-        return n;
+        return t;
     };
-    var M = function e(t) {
-        var n = t.animation, r = t.open, o = t.value;
+    var M = function e(n) {
+        var t = n.animation, r = n.open, o = n.value;
         var i = {
             value: r ? o : 0
         };
@@ -299,7 +307,7 @@
         };
  // Only use precision when not using transform, otherwise transform animation will break
         // Expansion doesn't require a valid value; the subsequent render animates it.
-                if (n === "expandWidth" || n === "expandHeight" || n === "none") {
+                if (t === "expandWidth" || t === "expandHeight" || t === "none") {
             return {
                 to: i,
                 config: u
@@ -309,7 +317,7 @@
                 if (!o) {
             return null;
         }
-        if (n !== "slideFromTop" && n !== "slideFromLeft") {
+        if (t !== "slideFromTop" && t !== "slideFromLeft") {
             // Return the standard transition if not using a transform.
             return {
                 to: i,
@@ -319,7 +327,7 @@
         }
         // The top and left directions require an additional transform of their inner content to match the outer dimension animation.
         // This is needed to achieve a clipping effect from the outer div, rather than the consumer providing their own.
-                var l = n === "slideFromTop" ? "Y" : "X";
+                var l = t === "slideFromTop" ? "Y" : "X";
         var s = "translate".concat(l, "(").concat(r ? 0 : -o, "px)");
         var c = "translate".concat(l, "(").concat(r ? -o : 0, "px)");
         return {
@@ -331,14 +339,14 @@
             }, a)
         };
     };
-    var _ = function e(t) {
-        var n = t.animation, r = t.el, o = t.takeFocusProp;
+    var _ = function e(n) {
+        var t = n.animation, r = n.el, o = n.takeFocusProp;
         var i = 0;
         if (r) {
             if (o) {
                 (0, s.takeFocus)(r, "container");
             }
-            var a = q(n);
+            var a = R(t);
             switch (a) {
               case "height":
                 i = r.offsetHeight;
@@ -354,99 +362,110 @@
         }
         return i;
     };
-    var R = {};
     var W = {};
-    function D(e) {
-        var t = e.animation, o = t === void 0 ? "expandHeight" : t, i = e.animateOnMount, u = e.children, f = e.className, d = e.elementRef, m = e.id, p = e.innerClassName, h = e.innerStyle, S = h === void 0 ? R : h, j = e.onAnimationEnd, w = e.onAnimationStart, P = e.open, k = e.outerClassName, C = e.outerId, F = e.outerStyle, T = F === void 0 ? W : F, E = e.renderChildrenWhenCollapsed, I = e.retainFocus, D = e.takeFocus, H = x(e, [ "animation", "animateOnMount", "children", "className", "elementRef", "id", "innerClassName", "innerStyle", "onAnimationEnd", "onAnimationStart", "open", "outerClassName", "outerId", "outerStyle", "renderChildrenWhenCollapsed", "retainFocus", "takeFocus" ]);
+    var D = {};
+    var H = function e(n) {
+        if (typeof n === "string") {
+            return n;
+        }
+        return n.open !== "none" ? n.open : n.close;
+    };
+    function L(e) {
+        var n = e.animation, o = n === void 0 ? "expandHeight" : n, i = e.animateOnMount, u = e.children, f = e.className, d = e.elementRef, m = e.id, p = e.innerClassName, S = e.innerStyle, j = S === void 0 ? W : S, w = e.onAnimationEnd, P = e.onAnimationStart, k = e.open, C = e.outerClassName, F = e.outerId, T = e.outerStyle, q = T === void 0 ? D : T, E = e.renderChildrenWhenCollapsed, I = e.retainFocus, L = e.takeFocus, $ = x(e, [ "animation", "animateOnMount", "children", "className", "elementRef", "id", "innerClassName", "innerStyle", "onAnimationEnd", "onAnimationStart", "open", "outerClassName", "outerId", "outerStyle", "renderChildrenWhenCollapsed", "retainFocus", "takeFocus" ]);
         // @docs-props-type TransitionOpenPropsBase
-                var L = l()(P);
-        var $ = (0, n.useRef)(true);
-        var B = (0, n.useState)(i ? P : false), K = O(B, 2), U = K[0], X = K[1];
-        var Y = (0, n.useState)(null), z = O(Y, 2), G = z[0], J = z[1];
-        var Q = (0, n.useState)(0), V = O(Q, 2), Z = V[0], ee = V[1];
-        var te = (0, n.useState)(P), ne = O(te, 2), re = ne[0], oe = ne[1];
-        (0, n.useLayoutEffect)((function() {
+                var B = l()(k);
+        var K = (0, t.useRef)(true);
+        var U = (0, t.useState)(i ? k : false), X = O(U, 2), Y = X[0], z = X[1];
+        var G = (0, t.useState)(null), J = O(G, 2), Q = J[0], V = J[1];
+        var Z = (0, t.useState)(0), ee = O(Z, 2), ne = ee[0], te = ee[1];
+        var re = (0, t.useState)(k), oe = O(re, 2), ie = oe[0], ae = oe[1];
+        var ue = (0, t.useMemo)((function() {
+            return H(o);
+        }), [ o ]);
+        (0, t.useLayoutEffect)((function() {
             // prevOpen starts undefined, and we don't want to make the comparison in that situation
-            if (L !== undefined && P !== L) {
-                X(true);
-                oe(P);
+            if (B !== undefined && k !== B) {
+                z(true);
+                ae(k);
             }
-        }), [ P, L ]);
+        }), [ k, B ]);
         // equivalent to componentDidMount and componentWillUnmount
-                (0, n.useEffect)((function() {
+                (0, t.useEffect)((function() {
             // we need to set this to true on every mount because React.StrictMode will call the effect twice
             // and we need to ensure that allowAnimationUpdates is true while the component is mounted
-            $.current = true;
+            K.current = true;
             return function() {
-                $.current = false;
+                K.current = false;
             };
         }), []);
-        var ie = (0, n.useCallback)((function(e) {
-            J(e);
-            ee(_({
-                animation: o,
+        var le = (0, t.useCallback)((function(e) {
+            V(e);
+            te(_({
+                animation: ue,
                 el: e,
-                takeFocusProp: D
+                takeFocusProp: L
             }));
             b(d, e);
-        }), [ o, D, d ]);
-        var ae = (0, n.useCallback)((function() {
+        }), [ ue, L, d ]);
+        var se = (0, t.useCallback)((function() {
+            P === null || P === void 0 ? void 0 : P();
+        }), [ P ]);
+        var ce = (0, t.useCallback)((function() {
+            if (K.current) {
+                z(false);
+            }
             w === null || w === void 0 ? void 0 : w();
         }), [ w ]);
-        var ue = (0, n.useCallback)((function() {
-            if ($.current) {
-                X(false);
-            }
-            j === null || j === void 0 ? void 0 : j();
-        }), [ j ]);
-        var le = (0, n.useCallback)((function(e) {
-            if (G) {
-                (0, s.handleTab)(G, e);
+        var fe = (0, t.useCallback)((function(e) {
+            if (Q) {
+                (0, s.handleTab)(Q, e);
             }
-        }), [ G ]);
-        var se = (0, a.useAnimation)(N(N({}, M({
-            animation: o,
-            open: re,
-            value: Z
+        }), [ Q ]);
+        var de = g(o) === "object" && o.open === "none";
+        var me = g(o) === "object" && o.close === "none";
+        var pe = (0, a.useAnimation)(N(N({}, M({
+            animation: ue,
+            open: ie,
+            value: ne
         })), {}, {
-            immediate: o === "none",
-            onRest: ue,
-            onStart: ae
-        })), ce = se.value, fe = se.transform;
-        var de;
-        if (U || E) {
-            de = q(o);
+            immediate: ue === "none" || ie && de || !ie && me,
+            onRest: ce,
+            onStart: se
+        })), ve = pe.value, ye = pe.transform;
+        var be;
+        if (Y || E) {
+            be = R(ue);
         }
         // if renderChildrenWhenCollapsed is true, we hide the content by setting the height of the wrapper to 0
-                var me = E && !re && !U ? 0 : ce;
-        var pe = (0, n.useMemo)((function() {
-            return N(N({}, T), de && A({}, de, me));
-        }), [ de, me, T ]);
-        var ve = (0, n.useMemo)((function() {
+                var he = E && !ie && !Y ? 0 : ve;
+        var ge = (0, t.useMemo)((function() {
+            return N(N({}, q), be && A({}, be, he));
+        }), [ be, he, q ]);
+        var Oe = (0, t.useMemo)((function() {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            return N(N({}, S), {}, {
-                transform: fe
+            return N(N({}, j), {}, {
+                transform: ye
             });
-        }), [ S, fe ]);
+        }), [ j, ye ]);
         
         return r().createElement(v, {
-            $hideOverflow: !re || U || false,
-            className: (0, c.toClassName)(f, k),
-            style: pe,
-            id: C
-        }, (re || U || E) &&  r().createElement(y, g({
+            $hideOverflow: !ie || Y || false,
+            className: (0, c.toClassName)(f, C),
+            style: ge,
+            id: F
+        }, (ie || Y || E) &&  r().createElement(y, h({
             "data-test": "transition-open"
-        }, H, {
-            ref: ie,
+        }, $, {
+            ref: le,
             tabIndex: -1,
             className: p,
             id: m,
-            onKeyDown: I ? le : undefined,
-            style: ve
+            onKeyDown: I ? fe : undefined,
+            style: Oe
         }), u));
     }
-    D.propTypes = I;
-    /* harmony default export */    const H = D;
+    L.propTypes = I;
+    /* harmony default export */    const $ = L;
     // CONCATENATED MODULE: ./src/TransitionOpen/index.ts
-    module.exports = t;
+    module.exports = n;
     /******/})();