@splunk/react-ui 4.42.0 → 5.0.0-beta.2

package/TransitionOpen.js

@@ -8,27 +8,27 @@
     /******/ /* webpack/runtime/compat get default export */
     /******/    (() => {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
-        /******/ e.n = t => {
-            /******/ var n = t && t.__esModule ? 
-            /******/ () => t["default"]
-            /******/ : () => t
+        /******/ e.n = r => {
+            /******/ var t = r && r.__esModule ? 
+            /******/ () => r["default"]
+            /******/ : () => r
             /******/;
-            e.d(n, {
-                a: n
+            e.d(t, {
+                a: t
             });
-            /******/            return n;
+            /******/            return t;
             /******/        };
         /******/    })();
     /******/
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ e.d = (t, n) => {
-            /******/ for (var r in n) {
-                /******/ if (e.o(n, r) && !e.o(t, r)) {
-                    /******/ Object.defineProperty(t, r, {
+        /******/ e.d = (r, t) => {
+            /******/ for (var n in t) {
+                /******/ if (e.o(t, n) && !e.o(r, n)) {
+                    /******/ Object.defineProperty(r, n, {
                         enumerable: true,
-                        get: n[r]
+                        get: t[n]
                     });
                     /******/                }
                 /******/            }
@@ -37,7 +37,7 @@
     /******/
     /******/ /* webpack/runtime/hasOwnProperty shorthand */
     /******/    (() => {
-        /******/ e.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
+        /******/ e.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
         /******/;
     })();
     /******/
@@ -56,179 +56,178 @@
             /******/        };
         /******/    })();
     /******/
-    /************************************************************************/    var t = {};
+    /************************************************************************/    var r = {};
     // ESM COMPAT FLAG
-        e.r(t);
+        e.r(r);
     // EXPORTS
-        e.d(t, {
+        e.d(r, {
         default: () => /* reexport */ H
     });
     // CONCATENATED MODULE: external "react"
-    const n = require("react");
-    var r =  e.n(n);
+    const t = require("react");
+    var n =  e.n(t);
     // CONCATENATED MODULE: external "prop-types"
     const o = require("prop-types");
     var i =  e.n(o);
-    // CONCATENATED MODULE: external "lodash/keys"
-    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");
+    const a = require("@splunk/react-ui/Animation");
+    // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
+    const u = require("@splunk/react-ui/usePrevious");
+    var l =  e.n(u);
     // CONCATENATED MODULE: external "@splunk/ui-utils/focus"
-    const p = require("@splunk/ui-utils/focus");
+    const s = require("@splunk/ui-utils/focus");
     // CONCATENATED MODULE: external "@splunk/ui-utils/style"
-    const f = require("@splunk/ui-utils/style");
+    const c = require("@splunk/ui-utils/style");
     // CONCATENATED MODULE: external "react-spring"
-    const d = require("react-spring");
+    const f = require("react-spring");
     // CONCATENATED MODULE: external "styled-components"
-    const m = require("styled-components");
-    var y =  e.n(m);
+    const d = require("styled-components");
+    var m =  e.n(d);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const v = require("@splunk/themes");
+    const p = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/TransitionOpen/TransitionOpenStyles.ts
-    var b = y()(d.animated.div).withConfig({
+    var v = m()(f.animated.div).withConfig({
         displayName: "TransitionOpenStyles__Styled",
         componentId: "sc-1x58s0g-0"
-    })([ "", ";", ";" ], v.mixins.reset("block"), (function(e) {
-        var t = e.$hideOverflow;
-        return t && (0, m.css)([ "overflow:hidden;" ]);
+    })([ "", ";", ";" ], p.mixins.reset("block"), (function(e) {
+        var r = e.$hideOverflow;
+        return r && (0, d.css)([ "overflow:hidden;" ]);
     }));
-    var h = y()(d.animated.div).withConfig({
+    var y = m()(f.animated.div).withConfig({
         displayName: "TransitionOpenStyles__StyledInner",
         componentId: "sc-1x58s0g-1"
-    })([ "", ";", ";width:100%;" ], v.mixins.reset("table"), v.mixins.clearfix());
+    })([ "", ";", ";width:100%;" ], p.mixins.reset("table"), p.mixins.clearfix());
     // CONCATENATED MODULE: ./src/TransitionOpen/TransitionOpen.tsx
-    function g(e) {
+    function b(e) {
         "@babel/helpers - typeof";
-        return g = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return b = "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);
+        }, b(e);
     }
-    function O() {
-        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) {
-                    ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
+    function h() {
+        return h = Object.assign ? Object.assign.bind() : function(e) {
+            for (var r = 1; r < arguments.length; r++) {
+                var t = arguments[r];
+                for (var n in t) {
+                    ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
                 }
             }
             return e;
-        }, O.apply(null, arguments);
+        }, h.apply(null, arguments);
     }
-    function w(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 g(e, r) {
+        return P(e) || w(e, r) || S(e, r) || O();
     }
-    function j(e) {
-        for (var t = 1; t < arguments.length; 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));
-            }));
+    function O() {
+        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 S(e, r) {
+        if (e) {
+            if ("string" == typeof e) return j(e, r);
+            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) ? j(e, r) : void 0;
         }
-        return e;
     }
-    function S(e, t) {
-        if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
+    function j(e, r) {
+        (null == r || r > e.length) && (r = e.length);
+        for (var t = 0, n = Array(r); t < r; t++) {
+            n[t] = e[t];
+        }
+        return n;
     }
-    function P(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, q(r.key), r);
+    function w(e, r) {
+        var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+        if (null != t) {
+            var n, o, i, a, u = [], l = !0, s = !1;
+            try {
+                if (i = (t = t.call(e)).next, 0 === r) {
+                    if (Object(t) !== t) return;
+                    l = !1;
+                } else for (;!(l = (n = i.call(t)).done) && (u.push(n.value), u.length !== r); l = !0) {
+                }
+            } catch (e) {
+                s = !0, o = e;
+            } finally {
+                try {
+                    if (!l && null != t["return"] && (a = t["return"](), Object(a) !== a)) return;
+                } finally {
+                    if (s) throw o;
+                }
+            }
+            return u;
         }
     }
-    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) {
+        if (Array.isArray(e)) return e;
     }
-    function k(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: !0,
-                configurable: !0
+    function k(e, r) {
+        if (null == e) return {};
+        var t, n, o = F(e, r);
+        if (Object.getOwnPropertySymbols) {
+            var i = Object.getOwnPropertySymbols(e);
+            for (n = 0; n < i.length; n++) {
+                t = i[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
             }
-        }), Object.defineProperty(e, "prototype", {
-            writable: !1
-        }), t && x(e, t);
-    }
-    function x(e, t) {
-        return x = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
-            return e.__proto__ = t, e;
-        }, x(e, t);
+        }
+        return o;
     }
-    function T(e) {
-        var t = C();
-        return function() {
-            var n, r = N(e);
-            if (t) {
-                var o = N(this).constructor;
-                n = Reflect.construct(r, arguments, o);
-            } else n = r.apply(this, arguments);
-            return E(this, n);
-        };
+    function F(e, r) {
+        if (null == e) return {};
+        var t = {};
+        for (var n in e) {
+            if ({}.hasOwnProperty.call(e, n)) {
+                if (r.includes(n)) continue;
+                t[n] = e[n];
+            }
+        }
+        return t;
     }
-    function E(e, 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 _(e);
+    function C(e, r) {
+        var t = Object.keys(e);
+        if (Object.getOwnPropertySymbols) {
+            var n = Object.getOwnPropertySymbols(e);
+            r && (n = n.filter((function(r) {
+                return Object.getOwnPropertyDescriptor(e, r).enumerable;
+            }))), t.push.apply(t, n);
+        }
+        return t;
     }
-    function _(e) {
-        if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    function x(e) {
+        for (var r = 1; r < arguments.length; r++) {
+            var t = null != arguments[r] ? arguments[r] : {};
+            r % 2 ? C(Object(t), !0).forEach((function(r) {
+                N(e, r, t[r]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : C(Object(t)).forEach((function(r) {
+                Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+            }));
+        }
         return e;
     }
-    function C() {
-        try {
-            var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
-        } catch (e) {}
-        return (C = function t() {
-            return !!e;
-        })();
-    }
-    function N(e) {
-        return N = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
-            return e.__proto__ || Object.getPrototypeOf(e);
-        }, N(e);
-    }
-    function R(e, t, n) {
-        return (t = q(t)) in e ? Object.defineProperty(e, t, {
-            value: n,
+    function N(e, r, t) {
+        return (r = E(r)) in e ? Object.defineProperty(e, r, {
+            value: t,
             enumerable: !0,
             configurable: !0,
             writable: !0
-        }) : e[t] = n, e;
+        }) : e[r] = t, e;
     }
-    function q(e) {
-        var t = W(e, "string");
-        return "symbol" == g(t) ? t : t + "";
+    function E(e) {
+        var r = T(e, "string");
+        return "symbol" == b(r) ? r : r + "";
     }
-    function W(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;
+    function T(e, r) {
+        if ("object" != b(e) || !e) return e;
+        var t = e[Symbol.toPrimitive];
+        if (void 0 !== t) {
+            var n = t.call(e, r || "default");
+            if ("object" != b(n)) return n;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        return ("string" === t ? String : Number)(e);
+        return ("string" === r ? String : Number)(e);
     }
-    var D = {
+    var A = {
         animation: i().oneOf([ "slideFromTop", "slideFromRight", "slideFromBottom", "slideFromLeft", "expandHeight", "expandWidth", "none" ]),
         animateOnMount: i().bool,
         children: i().node,
@@ -245,215 +244,178 @@
         retainFocus: i().bool,
         takeFocus: i().bool
     };
-    var M = {
-        animation: "expandHeight",
-        animateOnMount: false,
-        innerStyle: {},
-        open: false,
-        outerStyle: {},
-        renderChildrenWhenCollapsed: false,
-        retainFocus: false,
-        takeFocus: false
-    };
-    var A =  function(e) {
-        k(n, e);
-        var t = T(n);
-        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;
-            S(this, n);
-            o = t.call(this, e);
-            R(_(o), "allowAnimationUpdates", true);
-            R(_(o), "getValue", (function(e) {
-                var t = o.props.animation;
-                var n = 0;
-                if (e) {
-                    if (o.props.takeFocus) {
-                        (0, p.takeFocus)(e, "container");
-                    }
-                    switch (t) {
-                      case "slideFromTop":
-                      case "slideFromBottom":
-                      case "expandHeight":
-                      case "none":
-                        n = e.offsetHeight;
-                        break;
+    var I = function e(r) {
+        var t;
+        switch (r) {
+          case "slideFromTop":
+          case "slideFromBottom":
+          case "expandHeight":
+          case "none":
+            t = "height";
+            break;
 
-                      case "slideFromLeft":
-                      case "slideFromRight":
-                      case "expandWidth":
-                        n = e.offsetWidth;
-                        break;
+          case "slideFromLeft":
+          case "slideFromRight":
+          case "expandWidth":
+            t = "width";
+            break;
 
-                      default:
+          default:
  // Intentionally left empty.
-                                        }
-                }
-                return n;
-            }));
-            R(_(o), "handleMount", (function(e) {
-                var t = o.getValue(e);
-                o.setState({
-                    value: t,
-                    innerEl: e
-                });
-            }));
-            R(_(o), "handleRest", (function() {
-                var e, t;
-                if (o.allowAnimationUpdates) {
-                    o.setState({
-                        animating: false
-                    });
-                }
-                (e = (t = o.props).onAnimationEnd) === null || e === void 0 ? void 0 : e.call(t);
-            }));
-            R(_(o), "handleTab", (function(e) {
-                if (o.state.innerEl) {
-                    (0, p.handleTab)(o.state.innerEl, e);
                 }
-            }));
-            R(_(o), "internalRender", (function(e) {
-                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 k;
-                switch (l) {
-                  case "slideFromTop":
-                  case "slideFromBottom":
-                  case "expandHeight":
-                  case "none":
-                    k = "height";
-                    break;
+        return t;
+    };
+    var q = function e(r) {
+        var t = r.animation, n = r.open, o = r.value;
+        var i = {
+            value: n ? o : 0
+        };
+        var a = {
+            value: n ? 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 (t === "expandWidth" || t === "expandHeight" || t === "none") {
+            return {
+                to: i,
+                config: u
+            };
+        }
+        // Slide transitions require a valid value, render without transition first.
+                if (!o) {
+            return null;
+        }
+        if (t !== "slideFromTop" && t !== "slideFromLeft") {
+            // Return the standard transition if not using a transform.
+            return {
+                to: i,
+                from: a,
+                config: u
+            };
+        }
+        // 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 = t === "slideFromTop" ? "Y" : "X";
+        var s = "translate".concat(l, "(").concat(n ? 0 : -o, "px)");
+        var c = "translate".concat(l, "(").concat(n ? -o : 0, "px)");
+        return {
+            to: x({
+                transform: s
+            }, i),
+            from: x({
+                transform: c
+            }, a)
+        };
+    };
+    var M = function e(r) {
+        var t = r.animation, n = r.el, o = r.takeFocusProp;
+        var i = 0;
+        if (n) {
+            if (o) {
+                (0, s.takeFocus)(n, "container");
+            }
+            var a = I(t);
+            switch (a) {
+              case "height":
+                i = n.offsetHeight;
+                break;
 
-                  case "slideFromLeft":
-                  case "slideFromRight":
-                  case "expandWidth":
-                    k = "width";
-                    break;
+              case "width":
+                i = n.offsetWidth;
+                break;
 
-                  default:
+              default:
  // Intentionally left empty.
-                                }
-                // if renderChildrenWhenCollapsed is true, we hide the content by setting the height of the wrapper to 0
-                                var x = P && !v && !F ? 0 : t;
-                /* eslint-disable jsx-a11y/no-static-element-interactions */                
-                return r().createElement(b, {
-                    $hideOverflow: !v || F,
-                    className: (0, f.toClassName)(c, g),
-                    style: j(j({}, S), k && R({}, k, x)),
-                    id: w
-                }, (v || F || P) &&  r().createElement(h, O({
-                    "data-test": "transition-open"
-                }, u()(o.props, s()(n.propTypes)), {
-                    ref: o.handleMount,
-                    tabIndex: -1,
-                    className: m,
-                    id: d,
-                    onKeyDown: o.props.retainFocus ? o.handleTab : undefined,
-                    style: j(j({}, y), {}, {
-                        transform: i
-                    })
-                }), p));
-            }));
-            R(_(o), "getSpringTransition", (function() {
-                var e = o.props, t = e.open, n = e.animation;
-                var r = o.state.value;
-                var i = {
-                    value: t ? r : 0
-                };
-                var a = {
-                    value: t ? 0 : r
-                };
-                var s = {
-                    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 (n === "expandWidth" || n === "expandHeight" || n === "none") {
-                    return {
-                        to: i,
-                        config: s
-                    };
-                }
-                // 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: i,
-                        from: a,
-                        config: s
-                    };
-                }
-                // 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: j({
-                        transform: u
-                    }, i),
-                    from: j({
-                        transform: c
-                    }, a)
-                };
-            }));
-            o.state = {
-                animating: e.animateOnMount ? e.open : false,
-                innerEl: null,
-                prevOpen: e.open
-            };
-            return o;
+                        }
         }
-        F(n, [ {
-            key: "componentDidUpdate",
-            value: function e() {
-                var t = this.getValue(this.state.innerEl);
-                if (this.state.value !== t && !this.state.animating) {
-                    this.setState({
-                        value: t
-                    });
- // eslint-disable-line react/no-did-update-set-state
-                                }
+        return i;
+    };
+    var _ = {};
+    var W = {};
+    function D(e) {
+        var r = e.animation, o = r === void 0 ? "expandHeight" : r, i = e.animateOnMount, u = e.children, f = e.className, d = e.id, m = e.innerClassName, p = e.innerStyle, b = p === void 0 ? _ : p, O = e.onAnimationEnd, S = e.open, j = e.outerClassName, w = e.outerId, P = e.outerStyle, F = P === void 0 ? W : P, C = e.renderChildrenWhenCollapsed, E = e.retainFocus, T = e.takeFocus, A = k(e, [ "animation", "animateOnMount", "children", "className", "id", "innerClassName", "innerStyle", "onAnimationEnd", "open", "outerClassName", "outerId", "outerStyle", "renderChildrenWhenCollapsed", "retainFocus", "takeFocus" ]);
+        // @docs-props-type TransitionOpenPropsBase
+                var D = l()(S);
+        var H = (0, t.useRef)(true);
+        var R = (0, t.useState)(i ? S : false), L = g(R, 2), $ = L[0], B = L[1];
+        var K = (0, t.useState)(null), U = g(K, 2), X = U[0], Y = U[1];
+        var z = (0, t.useState)(0), G = g(z, 2), J = G[0], Q = G[1];
+        (0, t.useEffect)((function() {
+            // prevOpen starts undefined, and we don't want to make the comparison in that situation
+            if (D !== undefined && S !== D) {
+                B(true);
             }
-        }, {
-            key: "componentWillUnmount",
-            value: function e() {
-                this.allowAnimationUpdates = false;
+        }), [ S, D ]);
+        // equivalent to componentWillUnmount
+                (0, t.useEffect)((function() {
+            return function() {
+                H.current = false;
+            };
+        }), []);
+        var V = (0, t.useCallback)((function(e) {
+            Y(e);
+            Q(M({
+                animation: o,
+                el: e,
+                takeFocusProp: T
+            }));
+        }), [ o, T ]);
+        var Z = (0, t.useCallback)((function() {
+            if (H.current) {
+                B(false);
             }
-        }, {
-            key: "render",
-            value: function e() {
-                var t = this.props.animation;
-                
-                return r().createElement(c.Spring, O({}, this.getSpringTransition(), {
-                    immediate: t === "none",
-                    onRest: this.handleRest
-                }), 
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                this.internalRender);
+            O === null || O === void 0 ? void 0 : O();
+        }), [ O ]);
+        var ee = (0, t.useCallback)((function(e) {
+            if (X) {
+                (0, s.handleTab)(X, e);
             }
-        } ]);
-        return n;
-    }(n.Component);
-    R(A, "propTypes", D);
-    R(A, "defaultProps", M);
-    /* harmony default export */    const H = A;
+        }), [ X ]);
+        var re = (0, a.useAnimation)(x(x({}, q({
+            animation: o,
+            open: S,
+            value: J
+        })), {}, {
+            immediate: o === "none",
+            onRest: Z
+        })), te = re.value, ne = re.transform;
+        var oe;
+        if ($ || C) {
+            oe = I(o);
+        }
+        // if renderChildrenWhenCollapsed is true, we hide the content by setting the height of the wrapper to 0
+                var ie = C && !S && !$ ? 0 : te;
+        var ae = (0, t.useMemo)((function() {
+            return x(x({}, F), oe && N({}, oe, ie));
+        }), [ oe, ie, F ]);
+        var ue = (0, t.useMemo)((function() {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            return x(x({}, b), {}, {
+                transform: ne
+            });
+        }), [ b, ne ]);
+        
+        return n().createElement(v, {
+            $hideOverflow: !S || $ || false,
+            className: (0, c.toClassName)(f, j),
+            style: ae,
+            id: w
+        }, (S || $ || C) &&  n().createElement(y, h({
+            "data-test": "transition-open"
+        }, A, {
+            ref: V,
+            tabIndex: -1,
+            className: m,
+            id: d,
+            onKeyDown: E ? ee : undefined,
+            style: ue
+        }), u));
+    }
+    D.propTypes = A;
+    /* harmony default export */    const H = D;
     // CONCATENATED MODULE: ./src/TransitionOpen/index.ts
-    module.exports = t;
+    module.exports = r;
     /******/})();