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

Set of react components.

import PropTypes from 'prop-types';
import Transition from 'react-transition-group/Transition';
import { jsx as _jsx } from "react/jsx-runtime";
export const 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'
  }
};
export function StepperTransition({
  children,
  active
}) {
  if (!children) {
    return null;
  }
  return /*#__PURE__*/_jsx(Transition, {
    timeout: DEFAULT_TRANSITION_DURATION,
    in: active,
    children: state => /*#__PURE__*/_jsx("div", {
      style: {
        ...defaultStyle,
        ...transitionStyles[state]
      },
      children: children
    })
  });
}
StepperTransition.propTypes = {
  children: PropTypes.element,
  active: PropTypes.bool.isRequired
};
//# sourceMappingURL=StepperTransition.component.js.map