@splunk/react-ui 4.40.0 → 4.41.0

package/SlidingPanels.js

@@ -61,8 +61,8 @@
         e.r(t);
     // EXPORTS
         e.d(t, {
-        Panel: () => /* reexport */ X,
-        default: () => /* reexport */ ce
+        Panel: () => /* reexport */ L,
+        default: () => /* reexport */ be
     });
     // CONCATENATED MODULE: external "react"
     const n = require("react");
@@ -99,7 +99,7 @@
         displayName: "SlidingPanelsStyles__StyledBox",
         componentId: "su6isq-0"
     })([ "overflow:hidden;position:relative;" ]);
-    var w = m()(v.animated.div).withConfig({
+    var j = m()(v.animated.div).withConfig({
         displayName: "SlidingPanelsStyles__Styled",
         componentId: "su6isq-1"
     })([ "", ";", ";" ], O.mixins.reset("block"), O.mixins.clearfix());
@@ -110,7 +110,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-    function j(e, t) {
+    function w(e, t) {
         if (e) {
             if (typeof e === "function") {
                 e(t);
@@ -131,8 +131,8 @@
             return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
         }, S(e);
     }
-    function E() {
-        return E = Object.assign ? Object.assign.bind() : function(e) {
+    function I() {
+        return I = Object.assign ? Object.assign.bind() : function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var n = arguments[t];
                 for (var r in n) {
@@ -140,16 +140,16 @@
                 }
             }
             return e;
-        }, E.apply(null, arguments);
+        }, I.apply(null, arguments);
     }
-    function I(e, t) {
+    function E(e, t) {
         if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
     }
     function _(e, t) {
         for (var n = 0; n < t.length; n++) {
             var r = t[n];
             r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), 
-            Object.defineProperty(e, U(r.key), r);
+            Object.defineProperty(e, N(r.key), r);
         }
     }
     function k(e, t, n) {
@@ -175,7 +175,7 @@
         }, q(e, t);
     }
     function A(e) {
-        var t = M();
+        var t = R();
         return function() {
             var n, r = x(e);
             if (t) {
@@ -188,17 +188,17 @@
     function C(e, t) {
         if (t && ("object" == S(t) || "function" == typeof t)) return t;
         if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
-        return R(e);
+        return M(e);
     }
-    function R(e) {
+    function M(e) {
         if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return e;
     }
-    function M() {
+    function R() {
         try {
             var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
         } catch (e) {}
-        return (M = function t() {
+        return (R = function t() {
             return !!e;
         })();
     }
@@ -207,15 +207,15 @@
             return e.__proto__ || Object.getPrototypeOf(e);
         }, x(e);
     }
-    function N(e, t, n) {
-        return (t = U(t)) in e ? Object.defineProperty(e, t, {
+    function U(e, t, n) {
+        return (t = N(t)) in e ? Object.defineProperty(e, t, {
             value: n,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[t] = n, e;
     }
-    function U(e) {
+    function N(e) {
         var t = D(e, "string");
         return "symbol" == S(t) ? t : t + "";
     }
@@ -229,7 +229,7 @@
         }
         return ("string" === t ? String : Number)(e);
     }
-    var B = {
+    var W = {
         elementRef: i().oneOfType([ i().func, i().object ]),
         panelId: i().any.isRequired,
         /**
@@ -245,23 +245,23 @@
    */
         onUnmount: i().func
     };
-    var L = {};
+    var B = {};
     /**
  * Container for arbitrary content.
- */    var W =  function(e) {
+ */    var X =  function(e) {
         T(n, e);
         var t = A(n);
         function n() {
             var e;
-            I(this, n);
+            E(this, n);
             for (var r = arguments.length, o = new Array(r), i = 0; i < r; i++) {
                 o[i] = arguments[i];
             }
             e = t.call.apply(t, [ this ].concat(o));
-            N(R(e), "el", null);
-            N(R(e), "handleMount", (function(t) {
+            U(M(e), "el", null);
+            U(M(e), "handleMount", (function(t) {
                 e.el = t;
-                j(e.props.elementRef, t);
+                w(e.props.elementRef, t);
             }));
             return e;
         }
@@ -297,7 +297,7 @@
             value: function e() {
                 var t = this.props.panelId;
                 
-                return r().createElement(w, E({
+                return r().createElement(j, I({
                     "data-test": "panel",
                     "data-test-panel-id": t
                 }, f()(this.props, c()(n.propTypes)), {
@@ -307,9 +307,9 @@
         } ]);
         return n;
     }(n.Component);
-    N(W, "propTypes", B);
-    N(W, "defaultProps", L);
-    /* harmony default export */    const X = W;
+    U(X, "propTypes", W);
+    U(X, "defaultProps", B);
+    /* harmony default export */    const L = X;
     // CONCATENATED MODULE: ./src/SlidingPanels/SlidingPanels.tsx
     function H(e) {
         "@babel/helpers - typeof";
@@ -331,42 +331,21 @@
         }, V.apply(null, arguments);
     }
     function F(e, t) {
-        var n = 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);
-        }
-        return n;
-    }
-    function z(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) {
-                re(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));
-            }));
-        }
-        return e;
-    }
-    function G(e, t) {
         if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
     }
-    function J(e, t) {
+    function z(e, t) {
         for (var n = 0; n < t.length; n++) {
             var r = t[n];
             r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), 
             Object.defineProperty(e, oe(r.key), r);
         }
     }
-    function K(e, t, n) {
-        return t && J(e.prototype, t), n && J(e, n), Object.defineProperty(e, "prototype", {
+    function G(e, t, n) {
+        return t && z(e.prototype, t), n && z(e, n), Object.defineProperty(e, "prototype", {
             writable: !1
         }), e;
     }
-    function Q(e, t) {
+    function J(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: {
@@ -376,45 +355,66 @@
             }
         }), Object.defineProperty(e, "prototype", {
             writable: !1
-        }), t && Y(e, t);
+        }), t && K(e, t);
     }
-    function Y(e, t) {
-        return Y = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+    function K(e, t) {
+        return K = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
             return e.__proto__ = t, e;
-        }, Y(e, t);
+        }, K(e, t);
     }
-    function Z(e) {
-        var t = te();
+    function Q(e) {
+        var t = $();
         return function() {
-            var n, r = ne(e);
+            var n, r = ee(e);
             if (t) {
-                var o = ne(this).constructor;
+                var o = ee(this).constructor;
                 n = Reflect.construct(r, arguments, o);
             } else n = r.apply(this, arguments);
-            return $(this, n);
+            return Y(this, n);
         };
     }
-    function $(e, t) {
+    function Y(e, t) {
         if (t && ("object" == H(t) || "function" == typeof t)) return t;
         if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
-        return ee(e);
+        return Z(e);
     }
-    function ee(e) {
+    function Z(e) {
         if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return e;
     }
-    function te() {
+    function $() {
         try {
             var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
         } catch (e) {}
-        return (te = function t() {
+        return ($ = function t() {
             return !!e;
         })();
     }
-    function ne(e) {
-        return ne = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+    function ee(e) {
+        return ee = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
             return e.__proto__ || Object.getPrototypeOf(e);
-        }, ne(e);
+        }, ee(e);
+    }
+    function te(e, t) {
+        var n = 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);
+        }
+        return n;
+    }
+    function ne(e) {
+        for (var t = 1; t < arguments.length; t++) {
+            var n = null != arguments[t] ? arguments[t] : {};
+            t % 2 ? te(Object(n), !0).forEach((function(t) {
+                re(e, t, n[t]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : te(Object(n)).forEach((function(t) {
+                Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
+            }));
+        }
+        return e;
     }
     function re(e, t, n) {
         return (t = oe(t)) in e ? Object.defineProperty(e, t, {
@@ -452,10 +452,66 @@
     var le = {
         transition: "forward"
     };
-    var ue =  function(e) {
-        Q(o, e);
-        var t = Z(o);
-        K(o, null, [ {
+    var ue = {
+        precision: 1
+    };
+    var ce = function e(t) {
+        var n = t.animating, r = t.outerStyle, o = t.interpolatedOuterStyle;
+        return ne(ne({}, r), n ? o : {});
+    };
+    var se = function e(t) {
+        return t ? {
+            translateX: 1
+        } : {};
+    };
+    var fe = function e(t) {
+        var n = t ? t.getWidth() : 0;
+        var r = t ? t.getHeight() : 0;
+        return {
+            width: n,
+            height: r
+        };
+    };
+    var pe = function e(t) {
+        var o;
+        var i = t.activePanelId, a = t.children, l = t.maxWidth, u = t.onMount, c = t.onUnmount, s = t.transition, f = t.transitionStyle;
+        var p = n.Children.toArray(a).filter(n.isValidElement).find((function(e) {
+            return e.props.panelId === i;
+        }));
+        // TODO: Fix Interpolation<string | number> can't be cast to string
+                var d = (o = f.translateX) === null || o === void 0 ? void 0 : o.to((function(e) {
+            return "translateX(".concat(e * l * (s === "forward" ? 1 : -1), "px)");
+        }));
+        var y = p ?  r().createElement(v.animated.div, {
+            style: f
+        },  (0, n.cloneElement)(p, {
+            style: ne(ne({}, p.props.style), {}, {
+                transform: d
+            }),
+            onMount: u,
+            onUnmount: c
+        })) : null;
+        return y;
+    };
+    var de = function e() {
+        return {
+            translateX: 0
+        };
+    };
+    var ve = function e(t) {
+        return t ? {
+            translateX: -1,
+            position: "absolute",
+            left: 0,
+            top: 0
+        } : {
+            translateX: -1
+        };
+    };
+    var ye =  function(e) {
+        J(o, e);
+        var t = Q(o);
+        G(o, null, [ {
             key: "getDerivedStateFromProps",
             // @docs-props-type SlidingPanelsPropsBase
             value: function e(t, n) {
@@ -475,26 +531,11 @@
         } ]);
         function o(e) {
             var i;
-            G(this, o);
+            F(this, o);
             i = t.call(this, e);
-            re(ee(i), "panelInstances", {});
-            re(ee(i), "allowAnimationUpdates", true);
-            re(ee(i), "willEnter", (function() {
-                return {
-                    translateX: 0
-                };
-            }));
-            re(ee(i), "willLeave", (function(e) {
-                return e ? {
-                    translateX: -1,
-                    position: "absolute",
-                    left: 0,
-                    top: 0
-                } : {
-                    translateX: -1
-                };
-            }));
-            re(ee(i), "handlePanelMount", (function(e) {
+            re(Z(i), "panelInstances", {});
+            re(Z(i), "allowAnimationUpdates", true);
+            re(Z(i), "handlePanelMount", (function(e) {
                 i.panelInstances[e.props.panelId] = e;
                 if (e.props.panelId === i.props.activePanelId) {
                     i.setState({
@@ -503,10 +544,10 @@
                     });
                 }
             }));
-            re(ee(i), "handlePanelUnmount", (function(e) {
+            re(Z(i), "handlePanelUnmount", (function(e) {
                 delete i.panelInstances[e.props.panelId];
             }));
-            re(ee(i), "handleAnimationEnd", (function() {
+            re(Z(i), "handleAnimationEnd", (function() {
                 var e, t;
                 if (i.allowAnimationUpdates) {
                     i.setState({
@@ -515,45 +556,22 @@
                 }
                 (e = (t = i.props).onAnimationEnd) === null || e === void 0 ? void 0 : e.call(t);
             }));
-            re(ee(i), "renderPanel", (function(e, t, o) {
-                var a;
-                var l = i.props, u = l.children, c = l.transition;
-                var s = n.Children.toArray(u).filter(n.isValidElement).find((function(e) {
-                    return e.props.panelId === t;
-                }));
-                // TODO: Fix Interplation<string | number> can't be cast to string
-                                var f = (a = e.translateX) === null || a === void 0 ? void 0 : a.to((function(e) {
-                    return "translateX(".concat(e * o * (c === "forward" ? 1 : -1), "px)");
-                }));
-                var p = s ?  r().createElement(v.animated.div, {
-                    style: e
-                },  (0, n.cloneElement)(s, {
-                    style: z(z({}, s.props.style), {}, {
-                        transform: f
-                    }),
-                    onMount: i.handlePanelMount,
-                    onUnmount: i.handlePanelUnmount
-                })) : null;
-                return p;
-            }));
-            re(ee(i), "renderOuterContainer", (function(e) {
+            re(Z(i), "renderOuterContainer", (function(e) {
                 var t = i.props, a = t.activePanelId, u = t.children, s = t.elementRef, p = t.outerClassName, b = t.outerStyle, m = t.innerClassName, h = t.innerStyle;
                 var g = i.state.animating;
-                var O = z(z({}, b), g ? {
-                    width: e.width,
-                    height: e.height
-                } : {});
-                var w = n.Children.toArray(u).filter(n.isValidElement).find((function(e) {
+                var O = ce({
+                    animating: g,
+                    outerStyle: b,
+                    interpolatedOuterStyle: e
+                });
+                var j = n.Children.toArray(u).filter(n.isValidElement).find((function(e) {
                     return e.props.panelId === a;
                 }));
                 if (false) {}
-                var j = g ? {
-                    translateX: 1
-                } : {};
-                var S = l()(d()(i.panelInstances), (function(e) {
+                var w = l()(d()(i.panelInstances), (function(e) {
                     return !!e;
                 }));
-                var E = S.map((function(e) {
+                var S = w.map((function(e) {
                     var t;
                     var n = i.panelInstances[e.props.panelId];
                     return n ? (t = n.getWidth()) !== null && t !== void 0 ? t : 0 : 0;
@@ -568,9 +586,9 @@
                     elementRef: s,
                     style: O
                 }, f()(i.props, c()(o.propTypes))),  r().createElement(y.Transition, {
-                    from: j,
-                    enter: i.willEnter(),
-                    leave: i.willLeave(g),
+                    from: se(g),
+                    enter: de(),
+                    leave: ve(g),
                     items: a
                 }, (
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -579,7 +597,15 @@
                     return r().createElement(v.animated.div, {
                         style: h,
                         className: m
-                    }, i.renderPanel(e, t, E));
+                    }, pe({
+                        activePanelId: t,
+                        children: u,
+                        maxWidth: S,
+                        onMount: i.handlePanelMount,
+                        onUnmount: i.handlePanelUnmount,
+                        transition: i.props.transition,
+                        transitionStyle: e
+                    }));
                 })));
             }));
             i.state = {
@@ -591,7 +617,7 @@
             };
             return i;
         }
-        K(o, [ {
+        G(o, [ {
             key: "componentWillUnmount",
             value: function e() {
                 this.allowAnimationUpdates = false;
@@ -600,34 +626,26 @@
             key: "render",
             value: function e() {
                 var t = this.state, n = t.activePanel, o = t.panelLoading;
-                var i = n ? n.getWidth() : 0;
-                var a = n ? n.getHeight() : 0;
-                // When a new panel is loading, the activePanel is about to be removed. The height and/or
+ // When a new panel is loading, the activePanel is about to be removed. The height and/or
                 // width of that panel may have changed since the last render. To ensure that the next
                 // panel animates from the current height and width (rather than the previously loaded one),
                 // we only set the style when panelLoading is true (immediate prop prevents animation if true).
-                                var l = {
-                    width: i,
-                    height: a
-                };
-                
+                                
                 return r().createElement(y.Spring, {
-                    to: l,
+                    to: fe(n),
                     onRest: this.handleAnimationEnd,
                     immediate: o,
-                    config: {
-                        precision: 1
-                    }
+                    config: ue
                 }, /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
                 this.renderOuterContainer);
             }
         } ]);
         return o;
     }(n.Component);
-    re(ue, "propTypes", ae);
-    re(ue, "defaultProps", le);
-    re(ue, "Panel", X);
-    /* harmony default export */    const ce = ue;
+    re(ye, "propTypes", ae);
+    re(ye, "defaultProps", le);
+    re(ye, "Panel", L);
+    /* harmony default export */    const be = ye;
     // CONCATENATED MODULE: ./src/SlidingPanels/index.ts
     module.exports = t;
     /******/})();