@talend/react-components/lib/Stepper/StepperTransition.component.js

Set of react components.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.DEFAULT_TRANSITION_DURATION = void 0;
exports.StepperTransition = StepperTransition;
var _propTypes = _interopRequireDefault(require("prop-types"));
var _Transition = _interopRequireDefault(require("react-transition-group/Transition"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const DEFAULT_TRANSITION_DURATION = exports.DEFAULT_TRANSITION_DURATION = 300;
const defaultStyle = {
  transition: `opacity ${DEFAULT_TRANSITION_DURATION}ms ease-in-out`,
  opacity: 0,
  display: 'flex',
  overflow: 'auto',
  height: '100%',
  width: '100%'
};
const transitionStyles = {
  entering: {
    opacity: 0
  },
  entered: {
    opacity: 1
  },
  exited: {
    display: 'none'
  }
};
function StepperTransition({
  children,
  active
}) {
  if (!children) {
    return null;
  }
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Transition.default, {
    timeout: DEFAULT_TRANSITION_DURATION,
    in: active,
    children: state => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
      style: {
        ...defaultStyle,
        ...transitionStyles[state]
      },
      children: children
    })
  });
}
StepperTransition.propTypes = {
  children: _propTypes.default.element,
  active: _propTypes.default.bool.isRequired
};
//# sourceMappingURL=StepperTransition.component.js.map