@splunk/react-ui 4.38.0 → 4.39.0

package/SlidingPanels.js

@@ -61,8 +61,8 @@
         e.r(t);
     // EXPORTS
         e.d(t, {
-        Panel: () => /* reexport */ W,
-        default: () => /* reexport */ ie
+        Panel: () => /* reexport */ X,
+        default: () => /* reexport */ ce
     });
     // CONCATENATED MODULE: external "react"
     const n = require("react");
@@ -83,23 +83,23 @@
     const p = require("lodash/values");
     var d =  e.n(p);
     // CONCATENATED MODULE: external "react-spring"
-    const y = require("react-spring");
+    const v = require("react-spring");
     // CONCATENATED MODULE: external "@splunk/react-ui/Animation"
-    const v = require("@splunk/react-ui/Animation");
+    const y = require("@splunk/react-ui/Animation");
     // CONCATENATED MODULE: external "styled-components"
-    const m = require("styled-components");
-    var h =  e.n(m);
+    const b = require("styled-components");
+    var m =  e.n(b);
     // CONCATENATED MODULE: external "@splunk/react-ui/Box"
-    const b = require("@splunk/react-ui/Box");
-    var g =  e.n(b);
+    const h = require("@splunk/react-ui/Box");
+    var g =  e.n(h);
     // CONCATENATED MODULE: external "@splunk/themes"
     const O = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/SlidingPanels/SlidingPanelsStyles.ts
-    var P = h()((0, y.animated)(g())).withConfig({
+    var P = m()((0, v.animated)(g())).withConfig({
         displayName: "SlidingPanelsStyles__StyledBox",
         componentId: "su6isq-0"
     })([ "overflow:hidden;position:relative;" ]);
-    var w = h()(y.animated.div).withConfig({
+    var w = m()(v.animated.div).withConfig({
         displayName: "SlidingPanelsStyles__Styled",
         componentId: "su6isq-1"
     })([ "", ";", ";" ], O.mixins.reset("block"), O.mixins.clearfix());
@@ -125,126 +125,111 @@
     // CONCATENATED MODULE: ./src/SlidingPanels/Panel.tsx
     function S(e) {
         "@babel/helpers - typeof";
-        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            S = function e(t) {
-                return typeof t;
-            };
-        } else {
-            S = function e(t) {
-                return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-            };
-        }
-        return S(e);
+        return S = "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;
+        }, S(e);
     }
-    function I() {
-        I = Object.assign || function(e) {
+    function E() {
+        return E = 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 I.apply(this, arguments);
+        }, E.apply(null, arguments);
     }
-    function _(e, t) {
-        if (!(e instanceof t)) {
-            throw new TypeError("Cannot call a class as a function");
-        }
+    function I(e, t) {
+        if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
     }
-    function E(e, t) {
+    function _(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, U(r.key), r);
         }
     }
-    function R(e, t, n) {
-        if (t) E(e.prototype, t);
-        if (n) E(e, n);
-        return e;
+    function k(e, t, n) {
+        return t && _(e.prototype, t), n && _(e, n), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), e;
     }
-    function k(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) q(e, t);
+        }), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), t && q(e, t);
     }
     function q(e, t) {
-        q = Object.setPrototypeOf || function e(t, n) {
-            t.__proto__ = n;
-            return t;
-        };
-        return q(e, t);
+        return q = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+            return e.__proto__ = t, e;
+        }, q(e, t);
     }
     function A(e) {
-        var t = x();
-        return function n() {
-            var r = M(e), o;
+        var t = M();
+        return function() {
+            var n, r = x(e);
             if (t) {
-                var i = M(this).constructor;
-                o = Reflect.construct(r, arguments, i);
-            } else {
-                o = r.apply(this, arguments);
-            }
-            return C(this, o);
+                var o = x(this).constructor;
+                n = Reflect.construct(r, arguments, o);
+            } else n = r.apply(this, arguments);
+            return C(this, n);
         };
     }
     function C(e, t) {
-        if (t && (S(t) === "object" || typeof t === "function")) {
-            return t;
-        }
-        return T(e);
+        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);
     }
-    function T(e) {
-        if (e === void 0) {
-            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        }
+    function R(e) {
+        if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return e;
     }
-    function x() {
-        if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-        if (Reflect.construct.sham) return false;
-        if (typeof Proxy === "function") return true;
+    function M() {
         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 (M = function t() {
+            return !!e;
+        })();
     }
-    function M(e) {
-        M = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
-            return t.__proto__ || Object.getPrototypeOf(t);
-        };
-        return M(e);
-    }
-    function D(e, t, n) {
-        if (t in e) {
-            Object.defineProperty(e, t, {
-                value: n,
-                enumerable: true,
-                configurable: true,
-                writable: true
-            });
-        } else {
-            e[t] = n;
+    function x(e) {
+        return x = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+            return e.__proto__ || Object.getPrototypeOf(e);
+        }, x(e);
+    }
+    function N(e, t, n) {
+        return (t = U(t)) in e ? Object.defineProperty(e, t, {
+            value: n,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[t] = n, e;
+    }
+    function U(e) {
+        var t = D(e, "string");
+        return "symbol" == S(t) ? t : t + "";
+    }
+    function D(e, t) {
+        if ("object" != S(e) || !e) return e;
+        var n = e[Symbol.toPrimitive];
+        if (void 0 !== n) {
+            var r = n.call(e, t || "default");
+            if ("object" != S(r)) return r;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        return e;
+        return ("string" === t ? String : Number)(e);
     }
-    var U = {
+    var B = {
         elementRef: i().oneOfType([ i().func, i().object ]),
         panelId: i().any.isRequired,
         /**
@@ -260,27 +245,28 @@
    */
         onUnmount: i().func
     };
-    var N = {};
+    var L = {};
     /**
  * Container for arbitrary content.
- */    var L =  function(e) {
-        k(n, e);
+ */    var W =  function(e) {
+        T(n, e);
         var t = A(n);
         function n() {
             var e;
-            _(this, n);
+            I(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));
-            D(T(e), "el", null);
-            D(T(e), "handleMount", (function(t) {
+            N(R(e), "el", null);
+            N(R(e), "handleMount", (function(t) {
                 e.el = t;
                 j(e.props.elementRef, t);
             }));
             return e;
         }
-        R(n, [ {
+ // @docs-props-type PanelPropsBase
+                k(n, [ {
             key: "componentDidMount",
             value: function e() {
                 var t, n;
@@ -292,13 +278,15 @@
                 var t, n;
                 (t = (n = this.props).onUnmount) === null || t === void 0 ? void 0 : t.call(n, this);
             }
-        }, {
+ // eslint-disable-next-line react/no-unused-class-component-methods
+                }, {
             key: "getHeight",
             value: function e() {
                 var t;
                 return (t = this.el) === null || t === void 0 ? void 0 : t.clientHeight;
             }
-        }, {
+ // eslint-disable-next-line react/no-unused-class-component-methods
+                }, {
             key: "getWidth",
             value: function e() {
                 var t;
@@ -309,7 +297,7 @@
             value: function e() {
                 var t = this.props.panelId;
                 
-                return r().createElement(w, I({
+                return r().createElement(w, E({
                     "data-test": "panel",
                     "data-test-panel-id": t
                 }, f()(this.props, c()(n.propTypes)), {
@@ -319,160 +307,138 @@
         } ]);
         return n;
     }(n.Component);
-    D(L, "propTypes", U);
-    D(L, "defaultProps", N);
-    /* harmony default export */    const W = L;
+    N(W, "propTypes", B);
+    N(W, "defaultProps", L);
+    /* harmony default export */    const X = W;
     // CONCATENATED MODULE: ./src/SlidingPanels/SlidingPanels.tsx
-    function X(e) {
+    function H(e) {
         "@babel/helpers - typeof";
-        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            X = function e(t) {
-                return typeof t;
-            };
-        } else {
-            X = function e(t) {
-                return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-            };
-        }
-        return X(e);
+        return H = "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 H() {
-        H = Object.assign || function(e) {
+    function V() {
+        return V = 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 H.apply(this, arguments);
+        }, V.apply(null, arguments);
     }
-    function B(e, t) {
+    function F(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 V(e) {
+    function z(e) {
         for (var t = 1; t < arguments.length; t++) {
-            var n = arguments[t] != null ? arguments[t] : {};
-            if (t % 2) {
-                B(Object(n), true).forEach((function(t) {
-                    te(e, t, n[t]);
-                }));
-            } else if (Object.getOwnPropertyDescriptors) {
-                Object.defineProperties(e, Object.getOwnPropertyDescriptors(n));
-            } else {
-                B(Object(n)).forEach((function(t) {
-                    Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, 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 F(e, t) {
-        if (!(e instanceof t)) {
-            throw new TypeError("Cannot call a class as a function");
-        }
+    function G(e, t) {
+        if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
     }
-    function z(e, t) {
+    function J(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, oe(r.key), r);
         }
     }
-    function G(e, t, n) {
-        if (t) z(e.prototype, t);
-        if (n) z(e, n);
-        return e;
+    function K(e, t, n) {
+        return t && J(e.prototype, t), n && J(e, n), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), e;
     }
-    function J(e, t) {
-        if (typeof t !== "function" && t !== null) {
-            throw new TypeError("Super expression must either be null or a function");
-        }
+    function Q(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) K(e, t);
+        }), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), t && Y(e, t);
     }
-    function K(e, t) {
-        K = Object.setPrototypeOf || function e(t, n) {
-            t.__proto__ = n;
-            return t;
-        };
-        return K(e, t);
+    function Y(e, t) {
+        return Y = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+            return e.__proto__ = t, e;
+        }, Y(e, t);
     }
-    function Q(e) {
-        var t = $();
-        return function n() {
-            var r = ee(e), o;
+    function Z(e) {
+        var t = te();
+        return function() {
+            var n, r = ne(e);
             if (t) {
-                var i = ee(this).constructor;
-                o = Reflect.construct(r, arguments, i);
-            } else {
-                o = r.apply(this, arguments);
-            }
-            return Y(this, o);
+                var o = ne(this).constructor;
+                n = Reflect.construct(r, arguments, o);
+            } else n = r.apply(this, arguments);
+            return $(this, n);
         };
     }
-    function Y(e, t) {
-        if (t && (X(t) === "object" || typeof t === "function")) {
-            return t;
-        }
-        return Z(e);
+    function $(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);
     }
-    function Z(e) {
-        if (e === void 0) {
-            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        }
+    function ee(e) {
+        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;
+    function te() {
         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 (te = function t() {
+            return !!e;
+        })();
     }
-    function ee(e) {
-        ee = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
-            return t.__proto__ || Object.getPrototypeOf(t);
-        };
-        return ee(e);
+    function ne(e) {
+        return ne = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+            return e.__proto__ || Object.getPrototypeOf(e);
+        }, ne(e);
     }
-    function te(e, t, n) {
-        if (t in e) {
-            Object.defineProperty(e, t, {
-                value: n,
-                enumerable: true,
-                configurable: true,
-                writable: true
-            });
-        } else {
-            e[t] = n;
+    function re(e, t, n) {
+        return (t = oe(t)) in e ? Object.defineProperty(e, t, {
+            value: n,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[t] = n, e;
+    }
+    function oe(e) {
+        var t = ie(e, "string");
+        return "symbol" == H(t) ? t : t + "";
+    }
+    function ie(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;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        return e;
+        return ("string" === t ? String : Number)(e);
     }
-    var ne = {
+    var ae = {
         activePanelId: i().any.isRequired,
         children: i().node,
         elementRef: i().oneOfType([ i().func, i().object ]),
@@ -483,25 +449,42 @@
         outerStyle: i().object,
         transition: i().oneOf([ "forward", "backward" ])
     };
-    var re = {
+    var le = {
         transition: "forward"
     };
-    var oe =  function(e) {
-        J(o, e);
-        var t = Q(o);
-        // @docs-props-type SlidingPanelsPropsBase
-                function o(e) {
+    var ue =  function(e) {
+        Q(o, e);
+        var t = Z(o);
+        K(o, null, [ {
+            key: "getDerivedStateFromProps",
+            // @docs-props-type SlidingPanelsPropsBase
+            value: function e(t, n) {
+                if (t.activePanelId !== n.prevActivePanelId) {
+                    // instead of using panelId, assign each sliding event an id and
+                    // use it as the key to make sure new panelA will transit as expected if
+                    // old panelA has not fully left yet
+                    return {
+                        animating: true,
+                        panelLoading: true,
+                        prevActivePanelId: t.activePanelId,
+                        slidingId: n.slidingId + 1
+                    };
+                }
+                return null;
+            }
+        } ]);
+        function o(e) {
             var i;
-            F(this, o);
+            G(this, o);
             i = t.call(this, e);
-            te(Z(i), "panelInstances", {});
-            te(Z(i), "allowAnimationUpdates", true);
-            te(Z(i), "willEnter", (function() {
+            re(ee(i), "panelInstances", {});
+            re(ee(i), "allowAnimationUpdates", true);
+            re(ee(i), "willEnter", (function() {
                 return {
                     translateX: 0
                 };
             }));
-            te(Z(i), "willLeave", (function(e) {
+            re(ee(i), "willLeave", (function(e) {
                 return e ? {
                     translateX: -1,
                     position: "absolute",
@@ -511,7 +494,7 @@
                     translateX: -1
                 };
             }));
-            te(Z(i), "handlePanelMount", (function(e) {
+            re(ee(i), "handlePanelMount", (function(e) {
                 i.panelInstances[e.props.panelId] = e;
                 if (e.props.panelId === i.props.activePanelId) {
                     i.setState({
@@ -520,10 +503,10 @@
                     });
                 }
             }));
-            te(Z(i), "handlePanelUnmount", (function(e) {
+            re(ee(i), "handlePanelUnmount", (function(e) {
                 delete i.panelInstances[e.props.panelId];
             }));
-            te(Z(i), "handleAnimationEnd", (function() {
+            re(ee(i), "handleAnimationEnd", (function() {
                 var e, t;
                 if (i.allowAnimationUpdates) {
                     i.setState({
@@ -532,20 +515,20 @@
                 }
                 (e = (t = i.props).onAnimationEnd) === null || e === void 0 ? void 0 : e.call(t);
             }));
-            te(Z(i), "renderPanel", (function(e, t, o) {
+            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
+                // 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(y.animated.div, {
+                var p = s ?  r().createElement(v.animated.div, {
                     style: e
                 },  (0, n.cloneElement)(s, {
-                    style: V(V({}, s.props.style), {}, {
+                    style: z(z({}, s.props.style), {}, {
                         transform: f
                     }),
                     onMount: i.handlePanelMount,
@@ -553,10 +536,10 @@
                 })) : null;
                 return p;
             }));
-            te(Z(i), "renderOuterContainer", (function(e) {
-                var t = i.props, a = t.activePanelId, u = t.children, s = t.elementRef, p = t.outerClassName, m = t.outerStyle, h = t.innerClassName, b = t.innerStyle;
+            re(ee(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 = V(V({}, m), g ? {
+                var O = z(z({}, b), g ? {
                     width: e.width,
                     height: e.height
                 } : {});
@@ -570,7 +553,7 @@
                 var S = l()(d()(i.panelInstances), (function(e) {
                     return !!e;
                 }));
-                var I = S.map((function(e) {
+                var E = S.map((function(e) {
                     var t;
                     var n = i.panelInstances[e.props.panelId];
                     return n ? (t = n.getWidth()) !== null && t !== void 0 ? t : 0 : 0;
@@ -578,24 +561,25 @@
                     return Math.max(e, t);
                 }), 0);
                 
-                return r().createElement(P, H({
+                return r().createElement(P, V({
                     className: p,
                     "data-test-active-panel-id": a,
                     "data-test": "sliding-panels",
                     elementRef: s,
                     style: O
-                }, f()(i.props, c()(o.propTypes))),  r().createElement(v.Transition, {
+                }, f()(i.props, c()(o.propTypes))),  r().createElement(y.Transition, {
                     from: j,
                     enter: i.willEnter(),
                     leave: i.willLeave(g),
                     items: a
-                }, (// eslint-disable-next-line @typescript-eslint/no-explicit-any
+                }, (
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 function(e, t) {
                     
-                    return r().createElement(y.animated.div, {
-                        style: b,
-                        className: h
-                    }, i.renderPanel(e, t, I));
+                    return r().createElement(v.animated.div, {
+                        style: h,
+                        className: m
+                    }, i.renderPanel(e, t, E));
                 })));
             }));
             i.state = {
@@ -607,7 +591,7 @@
             };
             return i;
         }
-        G(o, [ {
+        K(o, [ {
             key: "componentWillUnmount",
             value: function e() {
                 this.allowAnimationUpdates = false;
@@ -618,7 +602,7 @@
                 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).
@@ -627,39 +611,23 @@
                     height: a
                 };
                 
-                return r().createElement(v.Spring, {
+                return r().createElement(y.Spring, {
                     to: l,
                     onRest: this.handleAnimationEnd,
                     immediate: o,
                     config: {
                         precision: 1
                     }
-                }, 
-                /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
+                }, /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
                 this.renderOuterContainer);
             }
         } ]);
         return o;
     }(n.Component);
-    te(oe, "propTypes", ne);
-    te(oe, "defaultProps", re);
-    te(oe, "Panel", W);
-    te(oe, "getDerivedStateFromProps", (function(e, t) {
-        if (e.activePanelId !== t.prevActivePanelId) {
-            // instead of using panelId, assign each sliding event an id and
-            // use it as the key to make sure new panelA will transit as expected if
-            // old panelA has not fully left yet
-            return {
-                animating: true,
-                panelLoading: true,
-                prevActivePanelId: e.activePanelId,
-                slidingId: t.slidingId + 1
-            };
-        }
- // Return null to indicate no change to state
-                return null;
-    }));
-    /* harmony default export */    const ie = oe;
+    re(ue, "propTypes", ae);
+    re(ue, "defaultProps", le);
+    re(ue, "Panel", X);
+    /* harmony default export */    const ce = ue;
     // CONCATENATED MODULE: ./src/SlidingPanels/index.ts
     module.exports = t;
     /******/})();