@splunk/react-ui 4.38.0 → 4.39.0

package/TransitionOpen.js

@@ -61,213 +61,191 @@
         e.r(t);
     // EXPORTS
         e.d(t, {
-        default: () => /* reexport */ W
+        default: () => /* reexport */ A
     });
     // CONCATENATED MODULE: external "react"
     const n = require("react");
     var r =  e.n(n);
     // CONCATENATED MODULE: external "prop-types"
     const o = require("prop-types");
-    var a =  e.n(o);
+    var i =  e.n(o);
     // CONCATENATED MODULE: external "lodash/keys"
-    const i = require("lodash/keys");
-    var s =  e.n(i);
+    const a = require("lodash/keys");
+    var s =  e.n(a);
     // CONCATENATED MODULE: external "lodash/omit"
     const l = require("lodash/omit");
     var u =  e.n(l);
     // CONCATENATED MODULE: external "@splunk/react-ui/Animation"
     const c = require("@splunk/react-ui/Animation");
     // CONCATENATED MODULE: external "@splunk/ui-utils/focus"
-    const f = require("@splunk/ui-utils/focus");
+    const p = require("@splunk/ui-utils/focus");
     // CONCATENATED MODULE: external "@splunk/ui-utils/style"
-    const p = require("@splunk/ui-utils/style");
+    const f = require("@splunk/ui-utils/style");
     // CONCATENATED MODULE: external "react-spring"
     const d = require("react-spring");
     // CONCATENATED MODULE: external "styled-components"
     const m = require("styled-components");
     var y =  e.n(m);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const h = require("@splunk/themes");
+    const v = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/TransitionOpen/TransitionOpenStyles.ts
-    var v = y()(d.animated.div).withConfig({
+    var b = y()(d.animated.div).withConfig({
         displayName: "TransitionOpenStyles__Styled",
         componentId: "sc-1x58s0g-0"
-    })([ "", ";", ";" ], h.mixins.reset("block"), (function(e) {
+    })([ "", ";", ";" ], v.mixins.reset("block"), (function(e) {
         var t = e.$hideOverflow;
         return t && (0, m.css)([ "overflow:hidden;" ]);
     }));
-    var b = y()(d.animated.div).withConfig({
+    var h = y()(d.animated.div).withConfig({
         displayName: "TransitionOpenStyles__StyledInner",
         componentId: "sc-1x58s0g-1"
-    })([ "", ";", ";width:100%;" ], h.mixins.reset("table"), h.mixins.clearfix());
+    })([ "", ";", ";width:100%;" ], v.mixins.reset("table"), v.mixins.clearfix());
     // CONCATENATED MODULE: ./src/TransitionOpen/TransitionOpen.tsx
     function g(e) {
         "@babel/helpers - typeof";
-        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            g = function e(t) {
-                return typeof t;
-            };
-        } else {
-            g = function e(t) {
-                return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-            };
-        }
-        return g(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;
+        }, g(e);
     }
     function O() {
-        O = Object.assign || function(e) {
+        return O = Object.assign ? Object.assign.bind() : function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var n = arguments[t];
                 for (var r in n) {
-                    if (Object.prototype.hasOwnProperty.call(n, r)) {
-                        e[r] = n[r];
-                    }
+                    ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
                 }
             }
             return e;
-        };
-        return O.apply(this, arguments);
+        }, O.apply(null, arguments);
     }
     function w(e, t) {
         var n = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var r = Object.getOwnPropertySymbols(e);
-            if (t) r = r.filter((function(t) {
+            t && (r = r.filter((function(t) {
                 return Object.getOwnPropertyDescriptor(e, t).enumerable;
-            }));
-            n.push.apply(n, r);
+            }))), n.push.apply(n, r);
         }
         return n;
     }
-    function S(e) {
+    function j(e) {
         for (var t = 1; t < arguments.length; t++) {
-            var n = arguments[t] != null ? arguments[t] : {};
-            if (t % 2) {
-                w(Object(n), true).forEach((function(t) {
-                    R(e, t, n[t]);
-                }));
-            } else if (Object.getOwnPropertyDescriptors) {
-                Object.defineProperties(e, Object.getOwnPropertyDescriptors(n));
-            } else {
-                w(Object(n)).forEach((function(t) {
-                    Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
-                }));
-            }
+            var n = null != arguments[t] ? arguments[t] : {};
+            t % 2 ? w(Object(n), !0).forEach((function(t) {
+                R(e, t, n[t]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : w(Object(n)).forEach((function(t) {
+                Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
+            }));
         }
         return e;
     }
-    function j(e, t) {
-        if (!(e instanceof t)) {
-            throw new TypeError("Cannot call a class as a function");
-        }
+    function S(e, t) {
+        if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
     }
-    function F(e, t) {
+    function P(e, t) {
         for (var n = 0; n < t.length; n++) {
             var r = t[n];
-            r.enumerable = r.enumerable || false;
-            r.configurable = true;
-            if ("value" in r) r.writable = true;
-            Object.defineProperty(e, r.key, r);
+            r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), 
+            Object.defineProperty(e, q(r.key), r);
         }
     }
-    function x(e, t, n) {
-        if (t) F(e.prototype, t);
-        if (n) F(e, n);
-        return e;
+    function F(e, t, n) {
+        return t && P(e.prototype, t), n && P(e, n), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), e;
     }
-    function P(e, t) {
-        if (typeof t !== "function" && t !== null) {
-            throw new TypeError("Super expression must either be null or a function");
-        }
+    function T(e, t) {
+        if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
         e.prototype = Object.create(t && t.prototype, {
             constructor: {
                 value: e,
-                writable: true,
-                configurable: true
+                writable: !0,
+                configurable: !0
             }
-        });
-        if (t) T(e, t);
+        }), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), t && x(e, t);
     }
-    function T(e, t) {
-        T = Object.setPrototypeOf || function e(t, n) {
-            t.__proto__ = n;
-            return t;
-        };
-        return T(e, t);
+    function x(e, t) {
+        return x = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+            return e.__proto__ = t, e;
+        }, x(e, t);
     }
     function k(e) {
         var t = _();
-        return function n() {
-            var r = N(e), o;
+        return function() {
+            var n, r = N(e);
             if (t) {
-                var a = N(this).constructor;
-                o = Reflect.construct(r, arguments, a);
-            } else {
-                o = r.apply(this, arguments);
-            }
-            return E(this, o);
+                var o = N(this).constructor;
+                n = Reflect.construct(r, arguments, o);
+            } else n = r.apply(this, arguments);
+            return E(this, n);
         };
     }
     function E(e, t) {
-        if (t && (g(t) === "object" || typeof t === "function")) {
-            return t;
-        }
+        if (t && ("object" == g(t) || "function" == typeof t)) return t;
+        if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
         return C(e);
     }
     function C(e) {
-        if (e === void 0) {
-            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        }
+        if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return e;
     }
     function _() {
-        if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-        if (Reflect.construct.sham) return false;
-        if (typeof Proxy === "function") return true;
         try {
-            Date.prototype.toString.call(Reflect.construct(Date, [], (function() {})));
-            return true;
-        } catch (e) {
-            return false;
-        }
+            var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
+        } catch (e) {}
+        return (_ = function t() {
+            return !!e;
+        })();
     }
     function N(e) {
-        N = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
-            return t.__proto__ || Object.getPrototypeOf(t);
-        };
-        return N(e);
+        return N = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+            return e.__proto__ || Object.getPrototypeOf(e);
+        }, N(e);
     }
     function R(e, t, n) {
-        if (t in e) {
-            Object.defineProperty(e, t, {
-                value: n,
-                enumerable: true,
-                configurable: true,
-                writable: true
-            });
-        } else {
-            e[t] = n;
+        return (t = q(t)) in e ? Object.defineProperty(e, t, {
+            value: n,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[t] = n, e;
+    }
+    function q(e) {
+        var t = D(e, "string");
+        return "symbol" == g(t) ? t : t + "";
+    }
+    function D(e, t) {
+        if ("object" != g(e) || !e) return e;
+        var n = e[Symbol.toPrimitive];
+        if (void 0 !== n) {
+            var r = n.call(e, t || "default");
+            if ("object" != g(r)) return r;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        return e;
+        return ("string" === t ? String : Number)(e);
     }
-    var q = {
-        animation: a().oneOf([ "slideFromTop", "slideFromRight", "slideFromBottom", "slideFromLeft", "expandHeight", "expandWidth", "none" ]),
-        animateOnMount: a().bool,
-        children: a().node,
-        className: a().string,
-        id: a().string,
-        innerClassName: a().string,
-        innerStyle: a().object,
-        onAnimationEnd: a().func,
-        open: a().bool,
-        outerClassName: a().string,
-        outerId: a().string,
-        outerStyle: a().object,
-        renderChildrenWhenCollapsed: a().bool,
-        retainFocus: a().bool,
-        takeFocus: a().bool
+    var M = {
+        animation: i().oneOf([ "slideFromTop", "slideFromRight", "slideFromBottom", "slideFromLeft", "expandHeight", "expandWidth", "none" ]),
+        animateOnMount: i().bool,
+        children: i().node,
+        className: i().string,
+        id: i().string,
+        innerClassName: i().string,
+        innerStyle: i().object,
+        onAnimationEnd: i().func,
+        open: i().bool,
+        outerClassName: i().string,
+        outerId: i().string,
+        outerStyle: i().object,
+        renderChildrenWhenCollapsed: i().bool,
+        retainFocus: i().bool,
+        takeFocus: i().bool
     };
-    var D = {
+    var W = {
         animation: "expandHeight",
         animateOnMount: false,
         innerStyle: {},
@@ -277,13 +255,25 @@
         retainFocus: false,
         takeFocus: false
     };
-    var M =  function(e) {
-        P(n, e);
+    var I =  function(e) {
+        T(n, e);
         var t = k(n);
-        // @docs-props-type TransitionOpenPropsBase
-                function n(e) {
+        F(n, null, [ {
+            key: "getDerivedStateFromProps",
+            // @docs-props-type TransitionOpenPropsBase
+            value: function e(t, n) {
+                if (t.open !== n.prevOpen) {
+                    return {
+                        animating: true,
+                        prevOpen: t.open
+                    };
+                }
+                return null;
+            }
+        } ]);
+        function n(e) {
             var o;
-            j(this, n);
+            S(this, n);
             o = t.call(this, e);
             R(C(o), "allowAnimationUpdates", true);
             R(C(o), "getValue", (function(e) {
@@ -291,7 +281,7 @@
                 var n = 0;
                 if (e) {
                     if (o.props.takeFocus) {
-                        (0, f.takeFocus)(e, "container");
+                        (0, p.takeFocus)(e, "container");
                     }
                     switch (t) {
                       case "slideFromTop":
@@ -331,41 +321,41 @@
             }));
             R(C(o), "handleTab", (function(e) {
                 if (o.state.innerEl) {
-                    (0, f.handleTab)(o.state.innerEl, e);
+                    (0, p.handleTab)(o.state.innerEl, e);
                 }
             }));
             R(C(o), "internalRender", (function(e) {
-                var t = e.value, a = e.transform;
-                var i = o.props, l = i.animation, c = i.className, f = i.children, d = i.id, m = i.innerClassName, y = i.innerStyle, h = i.open, g = i.outerClassName, w = i.outerId, j = i.outerStyle, F = i.renderChildrenWhenCollapsed;
-                var x = o.state.animating;
-                var P;
-                if (x) {
+                var t = e.value, i = e.transform;
+                var a = o.props, l = a.animation, c = a.className, p = a.children, d = a.id, m = a.innerClassName, y = a.innerStyle, v = a.open, g = a.outerClassName, w = a.outerId, S = a.outerStyle, P = a.renderChildrenWhenCollapsed;
+                var F = o.state.animating;
+                var T;
+                if (F) {
                     switch (l) {
                       case "slideFromTop":
                       case "slideFromBottom":
                       case "expandHeight":
                       case "none":
-                        P = "height";
+                        T = "height";
                         break;
 
                       case "slideFromLeft":
                       case "slideFromRight":
                       case "expandWidth":
-                        P = "width";
+                        T = "width";
                         break;
 
                       default:
  // Intentionally left empty.
                                         }
                 }
-                if (!h && !x && F) {
+                if (!v && !F && P) {
                     
-                    return r().createElement(v, {
+                    return r().createElement(b, {
                         $hideOverflow: false,
-                        className: (0, p.toClassName)(c, g),
-                        style: S(S({}, j), P && R({}, P, t)),
+                        className: (0, f.toClassName)(c, g),
+                        style: j(j({}, S), T && R({}, T, t)),
                         id: w
-                    },  r().createElement(b, O({
+                    },  r().createElement(h, O({
                         "data-test": "transition-open"
                     }, u()(o.props, s()(n.propTypes)), {
                         ref: o.handleMount,
@@ -373,19 +363,19 @@
                         className: m,
                         id: d,
                         onKeyDown: o.props.retainFocus ? o.handleTab : undefined,
-                        style: S(S({}, y), {}, {
-                            transform: a,
+                        style: j(j({}, y), {}, {
+                            transform: i,
                             display: "none"
                         })
-                    }), f));
+                    }), p));
                 }
                 /* eslint-disable jsx-a11y/no-static-element-interactions */                
-                return r().createElement(v, {
-                    $hideOverflow: !h || x,
-                    className: (0, p.toClassName)(c, g),
-                    style: S(S({}, j), P && R({}, P, t)),
+                return r().createElement(b, {
+                    $hideOverflow: !v || F,
+                    className: (0, f.toClassName)(c, g),
+                    style: j(j({}, S), T && R({}, T, t)),
                     id: w
-                }, (h || x) &&  r().createElement(b, O({
+                }, (v || F) &&  r().createElement(h, O({
                     "data-test": "transition-open"
                 }, u()(o.props, s()(n.propTypes)), {
                     ref: o.handleMount,
@@ -393,18 +383,18 @@
                     className: m,
                     id: d,
                     onKeyDown: o.props.retainFocus ? o.handleTab : undefined,
-                    style: S(S({}, y), {}, {
-                        transform: a
+                    style: j(j({}, y), {}, {
+                        transform: i
                     })
-                }), f));
+                }), p));
             }));
             R(C(o), "getSpringTransition", (function() {
                 var e = o.props, t = e.open, n = e.animation;
                 var r = o.state.value;
-                var a = {
+                var i = {
                     value: t ? r : 0
                 };
-                var i = {
+                var a = {
                     value: t ? 0 : r
                 };
                 var s = {
@@ -414,34 +404,34 @@
                 // Expansion doesn't require a valid value; the subsequent render animates it.
                                 if (n === "expandWidth" || n === "expandHeight" || n === "none") {
                     return {
-                        to: a,
+                        to: i,
                         config: s
                     };
                 }
- // Slide transitions require a valid value, render without transition first.
+                // Slide transitions require a valid value, render without transition first.
                                 if (!r) {
                     return null;
                 }
                 if (n !== "slideFromTop" && n !== "slideFromLeft") {
                     // Return the standard transition if not using a transform.
                     return {
-                        to: a,
-                        from: i,
+                        to: i,
+                        from: a,
                         config: s
                     };
                 }
- // The top and left directions require an additional transform of their inner content to match the outer dimension animation.
+                // 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 u = "translate".concat(l, "(").concat(t ? 0 : -r, "px)");
                 var c = "translate".concat(l, "(").concat(t ? -r : 0, "px)");
                 return {
-                    to: S({
+                    to: j({
                         transform: u
-                    }, a),
-                    from: S({
+                    }, i),
+                    from: j({
                         transform: c
-                    }, i)
+                    }, a)
                 };
             }));
             o.state = {
@@ -451,7 +441,7 @@
             };
             return o;
         }
-        x(n, [ {
+        F(n, [ {
             key: "componentDidUpdate",
             value: function e() {
                 var t = this.getValue(this.state.innerEl);
@@ -475,24 +465,16 @@
                 return r().createElement(c.Spring, O({}, this.getSpringTransition(), {
                     immediate: t === "none",
                     onRest: this.handleRest
-                }), // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                }), 
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 this.internalRender);
             }
         } ]);
         return n;
     }(n.Component);
-    R(M, "propTypes", q);
-    R(M, "defaultProps", D);
-    R(M, "getDerivedStateFromProps", (function(e, t) {
-        if (e.open !== t.prevOpen) {
-            return {
-                animating: true,
-                prevOpen: e.open
-            };
-        }
-        return null;
-    }));
-    /* harmony default export */    const W = M;
+    R(I, "propTypes", M);
+    R(I, "defaultProps", W);
+    /* harmony default export */    const A = I;
     // CONCATENATED MODULE: ./src/TransitionOpen/index.ts
     module.exports = t;
     /******/})();