@splunk/react-ui 4.21.0 → 4.22.0

package/TransitionOpen.js

@@ -1,431 +1,498 @@
-/******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	// The require scope
-/******/ 	var __webpack_require__ = {};
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/compat get default export */
-/******/ 	(() => {
-/******/ 		// getDefaultExport function for compatibility with non-harmony modules
-/******/ 		__webpack_require__.n = (module) => {
-/******/ 			var getter = module && module.__esModule ?
-/******/ 				() => (module['default']) :
-/******/ 				() => (module);
-/******/ 			__webpack_require__.d(getter, { a: getter });
-/******/ 			return getter;
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/************************************************************************/
-var __webpack_exports__ = {};
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (/* reexport */ TransitionOpen_TransitionOpen)
-});
-
-;// CONCATENATED MODULE: external "react"
-const external_react_namespaceObject = require("react");
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
-;// CONCATENATED MODULE: external "prop-types"
-const external_prop_types_namespaceObject = require("prop-types");
-var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_namespaceObject);
-;// CONCATENATED MODULE: external "lodash/keys"
-const keys_namespaceObject = require("lodash/keys");
-var keys_default = /*#__PURE__*/__webpack_require__.n(keys_namespaceObject);
-;// CONCATENATED MODULE: external "lodash/omit"
-const omit_namespaceObject = require("lodash/omit");
-var omit_default = /*#__PURE__*/__webpack_require__.n(omit_namespaceObject);
-;// CONCATENATED MODULE: external "@splunk/react-ui/Animation"
-const Animation_namespaceObject = require("@splunk/react-ui/Animation");
-;// CONCATENATED MODULE: external "@splunk/ui-utils/focus"
-const focus_namespaceObject = require("@splunk/ui-utils/focus");
-;// CONCATENATED MODULE: external "@splunk/ui-utils/style"
-const style_namespaceObject = require("@splunk/ui-utils/style");
-;// CONCATENATED MODULE: external "react-spring"
-const external_react_spring_namespaceObject = require("react-spring");
-;// CONCATENATED MODULE: external "styled-components"
-const external_styled_components_namespaceObject = require("styled-components");
-var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_namespaceObject);
-;// CONCATENATED MODULE: external "@splunk/themes"
-const themes_namespaceObject = require("@splunk/themes");
-;// CONCATENATED MODULE: ./src/TransitionOpen/TransitionOpenStyles.ts
-
-
-
-var Styled = external_styled_components_default()(external_react_spring_namespaceObject.animated.div).withConfig({
-  displayName: "TransitionOpenStyles__Styled",
-  componentId: "sc-1x58s0g-0"
-})(["", ";", ";"], themes_namespaceObject.mixins.reset('block'), function (_ref) {
-  var $hideOverflow = _ref.$hideOverflow;
-  return $hideOverflow && (0,external_styled_components_namespaceObject.css)(["overflow:hidden;"]);
-});
-var StyledInner = external_styled_components_default()(external_react_spring_namespaceObject.animated.div).withConfig({
-  displayName: "TransitionOpenStyles__StyledInner",
-  componentId: "sc-1x58s0g-1"
-})(["", ";", ";width:100%;"], themes_namespaceObject.mixins.reset('table'), themes_namespaceObject.mixins.clearfix());
-
-;// CONCATENATED MODULE: ./src/TransitionOpen/TransitionOpen.tsx
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { 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; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-
-
-
-
-
-
-
-
-var propTypes = {
-  animation: external_prop_types_default().oneOf(['slideFromTop', 'slideFromRight', 'slideFromBottom', 'slideFromLeft', 'expandHeight', 'expandWidth', 'none']),
-  animateOnMount: (external_prop_types_default()).bool,
-  children: (external_prop_types_default()).node,
-  className: (external_prop_types_default()).string,
-  id: (external_prop_types_default()).string,
-  innerClassName: (external_prop_types_default()).string,
-  innerStyle: (external_prop_types_default()).object,
-  onAnimationEnd: (external_prop_types_default()).func,
-  open: (external_prop_types_default()).bool,
-  outerClassName: (external_prop_types_default()).string,
-  outerId: (external_prop_types_default()).string,
-  outerStyle: (external_prop_types_default()).object,
-  renderChildrenWhenCollapsed: (external_prop_types_default()).bool,
-  retainFocus: (external_prop_types_default()).bool,
-  takeFocus: (external_prop_types_default()).bool
-};
-var defaultProps = {
-  animation: 'expandHeight',
-  animateOnMount: false,
-  innerStyle: {},
-  open: false,
-  outerStyle: {},
-  renderChildrenWhenCollapsed: false,
-  retainFocus: false,
-  takeFocus: false
-};
-
-var TransitionOpen = /*#__PURE__*/function (_Component) {
-  _inherits(TransitionOpen, _Component);
-
-  var _super = _createSuper(TransitionOpen);
-
-  // @docs-props-type TransitionOpenPropsBase
-  function TransitionOpen(props) {
-    var _this;
-
-    _classCallCheck(this, TransitionOpen);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "allowAnimationUpdates", true);
-
-    _defineProperty(_assertThisInitialized(_this), "getValue", function (el) {
-      var animation = _this.props.animation;
-      var value = 0;
-
-      if (el) {
-        if (_this.props.takeFocus) {
-          (0,focus_namespaceObject.takeFocus)(el, 'container');
+/******/ (() => {
+    // webpackBootstrap
+    /******/ "use strict";
+    /******/ // The require scope
+    /******/    var e = {};
+    /******/
+    /************************************************************************/
+    /******/ /* 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.d(n, {
+                a: n
+            });
+            /******/            return n;
+            /******/        };
+        /******/    })();
+    /******/
+    /******/ /* 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, {
+                        enumerable: true,
+                        get: n[r]
+                    });
+                    /******/                }
+                /******/            }
+            /******/        };
+        /******/    })();
+    /******/
+    /******/ /* webpack/runtime/hasOwnProperty shorthand */
+    /******/    (() => {
+        /******/ e.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
+        /******/;
+    })();
+    /******/
+    /******/ /* webpack/runtime/make namespace object */
+    /******/    (() => {
+        /******/ // define __esModule on exports
+        /******/ e.r = e => {
+            /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
+                /******/ Object.defineProperty(e, Symbol.toStringTag, {
+                    value: "Module"
+                });
+                /******/            }
+            /******/            Object.defineProperty(e, "__esModule", {
+                value: true
+            });
+            /******/        };
+        /******/    })();
+    /******/
+    /************************************************************************/    var t = {};
+    // ESM COMPAT FLAG
+        e.r(t);
+    // EXPORTS
+        e.d(t, {
+        default: () => /* reexport */ W
+    });
+    // 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);
+    // CONCATENATED MODULE: external "lodash/keys"
+    const i = require("lodash/keys");
+    var s =  e.n(i);
+    // 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");
+    // CONCATENATED MODULE: external "@splunk/ui-utils/style"
+    const p = 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");
+    // CONCATENATED MODULE: ./src/TransitionOpen/TransitionOpenStyles.ts
+    var v = y()(d.animated.div).withConfig({
+        displayName: "TransitionOpenStyles__Styled",
+        componentId: "sc-1x58s0g-0"
+    })([ "", ";", ";" ], h.mixins.reset("block"), (function(e) {
+        var t = e.$hideOverflow;
+        return t && (0, m.css)([ "overflow:hidden;" ]);
+    }));
+    var b = y()(d.animated.div).withConfig({
+        displayName: "TransitionOpenStyles__StyledInner",
+        componentId: "sc-1x58s0g-1"
+    })([ "", ";", ";width:100%;" ], h.mixins.reset("table"), h.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;
+            };
         }
-
-        switch (animation) {
-          case 'slideFromTop':
-          case 'slideFromBottom':
-          case 'expandHeight':
-          case 'none':
-            value = el.offsetHeight;
-            break;
-
-          case 'slideFromLeft':
-          case 'slideFromRight':
-          case 'expandWidth':
-            value = el.offsetWidth;
-            break;
-
-          default: // Intentionally left empty.
-
+        return g(e);
+    }
+    function O() {
+        O = Object.assign || 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];
+                    }
+                }
+            }
+            return e;
+        };
+        return O.apply(this, 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) {
+                return Object.getOwnPropertyDescriptor(e, t).enumerable;
+            }));
+            n.push.apply(n, r);
         }
-      }
-
-      return value;
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleMount", function (el) {
-      var value = _this.getValue(el);
-
-      _this.setState({
-        value: value,
-        innerEl: el
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleRest", function () {
-      var _this$props$onAnimati, _this$props;
-
-      if (_this.allowAnimationUpdates) {
-        _this.setState({
-          animating: false
-        });
-      }
-
-      (_this$props$onAnimati = (_this$props = _this.props).onAnimationEnd) === null || _this$props$onAnimati === void 0 ? void 0 : _this$props$onAnimati.call(_this$props);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleTab", function (e) {
-      if (_this.state.innerEl) {
-        (0,focus_namespaceObject.handleTab)(_this.state.innerEl, e);
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "internalRender", function (_ref) {
-      var value = _ref.value,
-          transform = _ref.transform;
-      var _this$props2 = _this.props,
-          animation = _this$props2.animation,
-          className = _this$props2.className,
-          children = _this$props2.children,
-          id = _this$props2.id,
-          innerClassName = _this$props2.innerClassName,
-          innerStyle = _this$props2.innerStyle,
-          open = _this$props2.open,
-          outerClassName = _this$props2.outerClassName,
-          outerId = _this$props2.outerId,
-          outerStyle = _this$props2.outerStyle,
-          renderChildrenWhenCollapsed = _this$props2.renderChildrenWhenCollapsed;
-      var animating = _this.state.animating;
-      var dimension;
-
-      if (animating) {
-        switch (animation) {
-          case 'slideFromTop':
-          case 'slideFromBottom':
-          case 'expandHeight':
-          case 'none':
-            dimension = 'height';
-            break;
-
-          case 'slideFromLeft':
-          case 'slideFromRight':
-          case 'expandWidth':
-            dimension = 'width';
-            break;
-
-          default: // Intentionally left empty.
-
+        return n;
+    }
+    function S(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));
+                }));
+            }
         }
-      }
-
-      if (!open && !animating && renderChildrenWhenCollapsed) {
-        return /*#__PURE__*/external_react_default().createElement(Styled, {
-          $hideOverflow: false,
-          className: (0,style_namespaceObject.toClassName)(className, outerClassName),
-          style: _objectSpread(_objectSpread({}, outerStyle), dimension && _defineProperty({}, dimension, value)),
-          id: outerId
-        }, /*#__PURE__*/external_react_default().createElement(StyledInner, _extends({
-          "data-test": "transition-open"
-        }, omit_default()(_this.props, keys_default()(TransitionOpen.propTypes)), {
-          ref: _this.handleMount,
-          tabIndex: -1,
-          className: innerClassName,
-          id: id,
-          onKeyDown: _this.props.retainFocus ? _this.handleTab : undefined,
-          style: _objectSpread(_objectSpread({}, innerStyle), {}, {
-            transform: transform,
-            display: 'none'
-          })
-        }), children));
-      }
-      /* eslint-disable jsx-a11y/no-static-element-interactions */
-
-
-      return /*#__PURE__*/external_react_default().createElement(Styled, {
-        $hideOverflow: !open || animating,
-        className: (0,style_namespaceObject.toClassName)(className, outerClassName),
-        style: _objectSpread(_objectSpread({}, outerStyle), dimension && _defineProperty({}, dimension, value)),
-        id: outerId
-      }, (open || animating) && /*#__PURE__*/external_react_default().createElement(StyledInner, _extends({
-        "data-test": "transition-open"
-      }, omit_default()(_this.props, keys_default()(TransitionOpen.propTypes)), {
-        ref: _this.handleMount,
-        tabIndex: -1,
-        className: innerClassName,
-        id: id,
-        onKeyDown: _this.props.retainFocus ? _this.handleTab : undefined,
-        style: _objectSpread(_objectSpread({}, innerStyle), {}, {
-          transform: transform
-        })
-      }), children));
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "getSpringTransition", function () {
-      var _this$props3 = _this.props,
-          open = _this$props3.open,
-          animation = _this$props3.animation;
-      var value = _this.state.value;
-      var toValue = {
-        value: open ? value : 0
-      };
-      var fromValue = {
-        value: open ? 0 : value
-      };
-      var config = {
-        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 (animation === 'expandWidth' || animation === 'expandHeight' || animation === 'none') {
-        return {
-          to: toValue,
-          config: config
+        return e;
+    }
+    function j(e, t) {
+        if (!(e instanceof t)) {
+            throw new TypeError("Cannot call a class as a function");
+        }
+    }
+    function F(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);
+        }
+    }
+    function x(e, t, n) {
+        if (t) F(e.prototype, t);
+        if (n) F(e, n);
+        return e;
+    }
+    function P(e, t) {
+        if (typeof t !== "function" && t !== null) {
+            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
+            }
+        });
+        if (t) T(e, t);
+    }
+    function T(e, t) {
+        T = Object.setPrototypeOf || function e(t, n) {
+            t.__proto__ = n;
+            return t;
         };
-      } // Slide transitions require a valid value, render without transition first.
-
-
-      if (!value) {
-        return null;
-      }
-
-      if (animation !== 'slideFromTop' && animation !== 'slideFromLeft') {
-        // Return the standard transition if not using a transform.
-        return {
-          to: toValue,
-          from: fromValue,
-          config: config
+        return T(e, t);
+    }
+    function k(e) {
+        var t = _();
+        return function n() {
+            var r = N(e), o;
+            if (t) {
+                var a = N(this).constructor;
+                o = Reflect.construct(r, arguments, a);
+            } else {
+                o = r.apply(this, arguments);
+            }
+            return E(this, o);
         };
-      } // 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 orientation = animation === 'slideFromTop' ? 'Y' : 'X';
-      var toTransform = "translate".concat(orientation, "(").concat(open ? 0 : -value, "px)");
-      var fromTransform = "translate".concat(orientation, "(").concat(open ? -value : 0, "px)");
-      return {
-        to: _objectSpread({
-          transform: toTransform
-        }, toValue),
-        from: _objectSpread({
-          transform: fromTransform
-        }, fromValue)
-      };
-    });
-
-    _this.state = {
-      animating: props.animateOnMount ? props.open : false,
-      innerEl: null,
-      prevOpen: props.open // eslint-disable-line react/no-unused-state
-
-    };
-    return _this;
-  }
-
-  _createClass(TransitionOpen, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate() {
-      var value = this.getValue(this.state.innerEl);
-
-      if (this.state.value !== value && !this.state.animating) {
-        this.setState({
-          value: value
-        }); // eslint-disable-line react/no-did-update-set-state
-      }
     }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.allowAnimationUpdates = false;
+    function E(e, t) {
+        if (t && (g(t) === "object" || typeof t === "function")) {
+            return t;
+        }
+        return C(e);
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var animation = this.props.animation;
-      return /*#__PURE__*/external_react_default().createElement(Animation_namespaceObject.Spring, _extends({}, this.getSpringTransition(), {
-        immediate: animation === 'none',
-        onRest: this.handleRest
-      }), // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      this.internalRender);
+    function C(e) {
+        if (e === void 0) {
+            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+        }
+        return e;
     }
-  }]);
-
-  return TransitionOpen;
-}(external_react_namespaceObject.Component);
-
-_defineProperty(TransitionOpen, "propTypes", propTypes);
-
-_defineProperty(TransitionOpen, "defaultProps", defaultProps);
-
-_defineProperty(TransitionOpen, "getDerivedStateFromProps", function (props, state) {
-  if (props.open !== state.prevOpen) {
-    return {
-      animating: true,
-      prevOpen: props.open
+    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;
+        }
+    }
+    function N(e) {
+        N = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
+            return t.__proto__ || Object.getPrototypeOf(t);
+        };
+        return 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 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
     };
-  }
-
-  return null;
-});
-
-/* harmony default export */ const TransitionOpen_TransitionOpen = (TransitionOpen);
-;// CONCATENATED MODULE: ./src/TransitionOpen/index.ts
-
-
-module.exports = __webpack_exports__;
-/******/ })()
-;
+    var D = {
+        animation: "expandHeight",
+        animateOnMount: false,
+        innerStyle: {},
+        open: false,
+        outerStyle: {},
+        renderChildrenWhenCollapsed: false,
+        retainFocus: false,
+        takeFocus: false
+    };
+    var M =  function(e) {
+        P(n, e);
+        var t = k(n);
+        // @docs-props-type TransitionOpenPropsBase
+                function n(e) {
+            var o;
+            j(this, n);
+            o = t.call(this, e);
+            R(C(o), "allowAnimationUpdates", true);
+            R(C(o), "getValue", (function(e) {
+                var t = o.props.animation;
+                var n = 0;
+                if (e) {
+                    if (o.props.takeFocus) {
+                        (0, f.takeFocus)(e, "container");
+                    }
+                    switch (t) {
+                      case "slideFromTop":
+                      case "slideFromBottom":
+                      case "expandHeight":
+                      case "none":
+                        n = e.offsetHeight;
+                        break;
+
+                      case "slideFromLeft":
+                      case "slideFromRight":
+                      case "expandWidth":
+                        n = e.offsetWidth;
+                        break;
+
+                      default:
+ // Intentionally left empty.
+                                        }
+                }
+                return n;
+            }));
+            R(C(o), "handleMount", (function(e) {
+                var t = o.getValue(e);
+                o.setState({
+                    value: t,
+                    innerEl: e
+                });
+            }));
+            R(C(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(C(o), "handleTab", (function(e) {
+                if (o.state.innerEl) {
+                    (0, f.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) {
+                    switch (l) {
+                      case "slideFromTop":
+                      case "slideFromBottom":
+                      case "expandHeight":
+                      case "none":
+                        P = "height";
+                        break;
+
+                      case "slideFromLeft":
+                      case "slideFromRight":
+                      case "expandWidth":
+                        P = "width";
+                        break;
+
+                      default:
+ // Intentionally left empty.
+                                        }
+                }
+                if (!h && !x && F) {
+                    
+                    return r().createElement(v, {
+                        $hideOverflow: false,
+                        className: (0, p.toClassName)(c, g),
+                        style: S(S({}, j), P && R({}, P, t)),
+                        id: w
+                    },  r().createElement(b, 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: S(S({}, y), {}, {
+                            transform: a,
+                            display: "none"
+                        })
+                    }), f));
+                }
+                /* 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)),
+                    id: w
+                }, (h || x) &&  r().createElement(b, 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: S(S({}, y), {}, {
+                        transform: a
+                    })
+                }), f));
+            }));
+            R(C(o), "getSpringTransition", (function() {
+                var e = o.props, t = e.open, n = e.animation;
+                var r = o.state.value;
+                var a = {
+                    value: t ? r : 0
+                };
+                var i = {
+                    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: a,
+                        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: a,
+                        from: i,
+                        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: S({
+                        transform: u
+                    }, a),
+                    from: S({
+                        transform: c
+                    }, i)
+                };
+            }));
+            o.state = {
+                animating: e.animateOnMount ? e.open : false,
+                innerEl: null,
+                prevOpen: e.open
+            };
+            return o;
+        }
+        x(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
+                                }
+            }
+        }, {
+            key: "componentWillUnmount",
+            value: function e() {
+                this.allowAnimationUpdates = 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);
+            }
+        } ]);
+        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;
+    // CONCATENATED MODULE: ./src/TransitionOpen/index.ts
+    module.exports = t;
+    /******/})();