@splunk/react-ui 5.7.0 → 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 r = t && t.__esModule ? 
-            /******/ () => t["default"]
-            /******/ : () => t
+        /******/ e.n = n => {
+            /******/ var t = n && n.__esModule ? 
+            /******/ () => n["default"]
+            /******/ : () => n
             /******/;
-            e.d(r, {
-                a: r
+            e.d(t, {
+                a: t
             });
-            /******/            return r;
+            /******/            return t;
             /******/        };
         /******/    })();
     /******/
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ e.d = (t, r) => {
-            /******/ for (var n in r) {
-                /******/ if (e.o(r, n) && !e.o(t, n)) {
-                    /******/ Object.defineProperty(t, n, {
+        /******/ 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: r[n]
+                        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 r = require("react");
-    var n =  e.n(r);
+    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 r = arguments[t];
-                for (var n in r) {
-                    ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
-                }
-            }
-            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 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) ? 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 r = 0, n = Array(t); r < t; r++) {
-            n[r] = e[r];
+    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 n;
+        return r;
     }
-    function P(e, t) {
-        var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
-        if (null != r) {
-            var n, o, i, a, u = [], l = !0, s = !1;
+    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 = (r = r.call(e)).next, 0 === t) {
-                    if (Object(r) !== r) return;
+                if (i = (t = t.call(e)).next, 0 === n) {
+                    if (Object(t) !== t) return;
                     l = !1;
-                } else for (;!(l = (n = i.call(r)).done) && (u.push(n.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 != r["return"] && (a = r["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 F(e, t) {
+    function x(e, n) {
         if (null == e) return {};
-        var r, n, o = x(e, t);
+        var t, r, o = C(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
-            for (n = 0; n < i.length; n++) {
-                r = i[n], -1 === t.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+            for (r = 0; r < i.length; r++) {
+                t = i[r], -1 === n.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
             }
         }
         return o;
     }
-    function x(e, t) {
+    function C(e, n) {
         if (null == e) return {};
-        var r = {};
-        for (var n in e) {
-            if ({}.hasOwnProperty.call(e, n)) {
-                if (-1 !== t.indexOf(n)) continue;
-                r[n] = e[n];
+        var t = {};
+        for (var r in e) {
+            if ({}.hasOwnProperty.call(e, r)) {
+                if (-1 !== n.indexOf(r)) continue;
+                t[r] = e[r];
             }
         }
-        return r;
+        return t;
     }
-    function C(e, t) {
-        var r = Object.keys(e);
+    function F(e, n) {
+        var t = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
-            var n = Object.getOwnPropertySymbols(e);
-            t && (n = n.filter((function(t) {
-                return Object.getOwnPropertyDescriptor(e, t).enumerable;
-            }))), r.push.apply(r, n);
+            var r = Object.getOwnPropertySymbols(e);
+            n && (r = r.filter((function(n) {
+                return Object.getOwnPropertyDescriptor(e, n).enumerable;
+            }))), t.push.apply(t, r);
         }
-        return r;
+        return t;
     }
     function N(e) {
-        for (var t = 1; t < arguments.length; t++) {
-            var r = null != arguments[t] ? arguments[t] : {};
-            t % 2 ? C(Object(r), !0).forEach((function(t) {
-                A(e, t, r[t]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : C(Object(r)).forEach((function(t) {
-                Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, 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, r) {
-        return (t = T(t)) in e ? Object.defineProperty(e, t, {
-            value: r,
+    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] = r, 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 r = e[Symbol.toPrimitive];
-        if (void 0 !== r) {
-            var n = r.call(e, t || "default");
-            if ("object" != h(n)) return n;
+    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,41 +273,41 @@
         retainFocus: i().bool,
         takeFocus: i().bool
     };
-    var q = function e(t) {
-        var r;
-        switch (t) {
+    var R = function e(n) {
+        var t;
+        switch (n) {
           case "slideFromTop":
           case "slideFromBottom":
           case "expandHeight":
           case "none":
-            r = "height";
+            t = "height";
             break;
 
           case "slideFromLeft":
           case "slideFromRight":
           case "expandWidth":
-            r = "width";
+            t = "width";
             break;
 
           default:
  // Intentionally left empty.
                 }
-        return r;
+        return t;
     };
-    var M = function e(t) {
-        var r = t.animation, n = t.open, o = t.value;
+    var M = function e(n) {
+        var t = n.animation, r = n.open, o = n.value;
         var i = {
-            value: n ? o : 0
+            value: r ? o : 0
         };
         var a = {
-            value: n ? 0 : o
+            value: r ? 0 : o
         };
         var u = {
             precision: 1
         };
  // 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 (r === "expandWidth" || r === "expandHeight" || r === "none") {
+                if (t === "expandWidth" || t === "expandHeight" || t === "none") {
             return {
                 to: i,
                 config: u
@@ -309,7 +317,7 @@
                 if (!o) {
             return null;
         }
-        if (r !== "slideFromTop" && r !== "slideFromLeft") {
+        if (t !== "slideFromTop" && t !== "slideFromLeft") {
             // Return the standard transition if not using a transform.
             return {
                 to: i,
@@ -319,9 +327,9 @@
         }
         // 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 = r === "slideFromTop" ? "Y" : "X";
-        var s = "translate".concat(l, "(").concat(n ? 0 : -o, "px)");
-        var c = "translate".concat(l, "(").concat(n ? -o : 0, "px)");
+                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 {
             to: N({
                 transform: s
@@ -331,21 +339,21 @@
             }, a)
         };
     };
-    var W = function e(t) {
-        var r = t.animation, n = t.el, o = t.takeFocusProp;
+    var _ = function e(n) {
+        var t = n.animation, r = n.el, o = n.takeFocusProp;
         var i = 0;
-        if (n) {
+        if (r) {
             if (o) {
-                (0, s.takeFocus)(n, "container");
+                (0, s.takeFocus)(r, "container");
             }
-            var a = q(r);
+            var a = R(t);
             switch (a) {
               case "height":
-                i = n.offsetHeight;
+                i = r.offsetHeight;
                 break;
 
               case "width":
-                i = n.offsetWidth;
+                i = r.offsetWidth;
                 break;
 
               default:
@@ -354,99 +362,110 @@
         }
         return i;
     };
-    var _ = {};
-    var R = {};
-    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 ? _ : h, j = e.onAnimationEnd, w = e.onAnimationStart, P = e.open, k = e.outerClassName, x = e.outerId, C = e.outerStyle, T = C === void 0 ? R : C, E = e.renderChildrenWhenCollapsed, I = e.retainFocus, D = e.takeFocus, H = F(e, [ "animation", "animateOnMount", "children", "className", "elementRef", "id", "innerClassName", "innerStyle", "onAnimationEnd", "onAnimationStart", "open", "outerClassName", "outerId", "outerStyle", "renderChildrenWhenCollapsed", "retainFocus", "takeFocus" ]);
+    var W = {};
+    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, r.useRef)(true);
-        var B = (0, r.useState)(i ? P : false), K = O(B, 2), U = K[0], X = K[1];
-        var Y = (0, r.useState)(null), z = O(Y, 2), G = z[0], J = z[1];
-        var Q = (0, r.useState)(0), V = O(Q, 2), Z = V[0], ee = V[1];
-        (0, r.useEffect)((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);
+            if (B !== undefined && k !== B) {
+                z(true);
+                ae(k);
             }
-        }), [ P, L ]);
+        }), [ k, B ]);
         // equivalent to componentDidMount and componentWillUnmount
-                (0, r.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 te = (0, r.useCallback)((function(e) {
-            J(e);
-            ee(W({
-                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 re = (0, r.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 ne = (0, r.useCallback)((function() {
-            if ($.current) {
-                X(false);
-            }
-            j === null || j === void 0 ? void 0 : j();
-        }), [ j ]);
-        var oe = (0, r.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 ie = (0, a.useAnimation)(N(N({}, M({
-            animation: o,
-            open: P,
-            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: ne,
-            onStart: re
-        })), ae = ie.value, ue = ie.transform;
-        var le;
-        /* to avoid setting and unsetting dimension which causes flickering
-     we always set the dimension if it is a slide animation
-     else only set it when animating || renderChildrenWhenCollapsed */        if (o.startsWith("slideFrom") || U || E) {
-            le = 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 se = E && !P && !U ? 0 : ae;
-        var ce = (0, r.useMemo)((function() {
-            return N(N({}, T), le && A({}, le, se));
-        }), [ le, se, T ]);
-        var fe = (0, r.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: ue
+            return N(N({}, j), {}, {
+                transform: ye
             });
-        }), [ S, ue ]);
+        }), [ j, ye ]);
         
-        return n().createElement(v, {
-            $hideOverflow: !P || U || false,
-            className: (0, c.toClassName)(f, k),
-            style: ce,
-            id: x
-        }, (P || U || E) &&  n().createElement(y, g({
+        return r().createElement(v, {
+            $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: te,
+        }, $, {
+            ref: le,
             tabIndex: -1,
             className: p,
             id: m,
-            onKeyDown: I ? oe : undefined,
-            style: fe
+            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;
     /******/})();