index.js.map

{"version":3,"file":"index.js","sources":["../src/helpers/transitions.js","../src/components/Animated.js","../src/index.js"],"sourcesContent":["export const TRANSITIONS = {\n  TRANSLATE_X_RIGHT_IN: 'TRANSLATE_X_IN',\n  TRANSLATE_X_LEFT_IN: 'TRANSLATE_X_LEFT_IN',\n  TRANSLATE_Y_BOTTOM_IN: 'TRANSLATE_Y_BOTTOM_IN',\n  OPACITY_IN: 'OPACITY_IN'\n}\n\nexport const transitionTranslateYBottomInClassNames = {\n  entering: 'embedded-entering-transition-translate-y-bottom-in',\n  entered: 'embedded-entered-transition-translate-y-bottom-in',\n  exiting: 'embedded-exiting-transition-translate-y-bottom-in',\n  exited: 'embedded-exited-transition-translate-y-bottom-in'\n}\n\nexport const getTransitionTranslateYBottomInCSS = ({\n  delay = 0,\n  selector = '',\n  duration = 500,\n  easing = 'cubic-bezier(0.68, -0.6, 0.32, 1.6)'\n}) => `\n${selector}.${transitionTranslateYBottomInClassNames.entering}{\n  transform: translateY(100%) !important;\n}\n${selector}.${transitionTranslateYBottomInClassNames.entered}{\n  transform: translateY(0%) !important;\n  transition: transform ${duration}ms ${easing} ${delay}ms !important;\n}\n`\n\nexport const transitionTranslateXRightInClassNames = {\n  entering: 'embedded-entering-transition-translate',\n  entered: 'embedded-entered-transition-translate',\n  exiting: 'embedded-exiting-transition-translate',\n  exited: 'embedded-exited-transition-translate'\n}\n\nexport const getTransitionTranslateXRightInCSS = ({\n  delay = 0,\n  selector = '',\n  duration = 500,\n  easing = 'cubic-bezier(0.68, -0.6, 0.32, 1.6)'\n}) => `\n${selector}.${transitionTranslateXRightInClassNames.entering}{\n  transform: translateX(100%) !important;\n}\n${selector}.${transitionTranslateXRightInClassNames.entered}{\n  transform: translateX(0%) !important;\n  transition: transform ${duration}ms ${easing} ${delay}ms !important;\n}\n`\n\nexport const transitionTranslateXLeftInClassNames = {\n  entering: 'embedded-entering-transition-translate-alternate',\n  entered: 'embedded-entered-transition-translate-alternate',\n  exiting: 'embedded-exiting-transition-translate-alternate',\n  exited: 'embedded-exited-transition-translate-alternate'\n}\n\nexport const getTransitionTranslateXLeftInCSS = ({\n  delay = 0,\n  selector = '',\n  duration = 500,\n  easing = 'cubic-bezier(0.68, -0.6, 0.32, 1.6)'\n}) => `\n${selector}.${transitionTranslateXLeftInClassNames.entering}{\n    transform: translateX(-100%) !important;\n  }\n${selector}.${transitionTranslateXLeftInClassNames.entered}{\n    transform: translateX(0%) !important;\n    transition: transform ${duration}ms ${easing} ${delay}ms !important;\n  }\n`\n\nexport const transitionOpacityClassNames = {\n  entering: 'embedded-entering-transition-opacity',\n  entered: 'embedded-entered-transition-opacity',\n  exiting: 'embedded-exiting-transition-opacity',\n  exited: 'embedded-exited-transition-opacity'\n}\n\nexport const getTransitionOpacityCSS = ({\n  delay = 0,\n  selector = '',\n  duration = 500,\n  easing = 'ease-in-out'\n}) => `\n${selector}.${transitionOpacityClassNames.entering}{\n    opacity: 0 !important;\n  }\n${selector}.${transitionOpacityClassNames.entered}{\n    opacity: 1 !important;\n    transition: opacity ${duration}ms ${easing} ${delay}ms !important;\n  }\n`\n\nexport const getTransition = (transition = '') => {\n  if (transition === TRANSITIONS.TRANSLATE_X_RIGHT_IN) {\n    return {\n      classNames: transitionTranslateXRightInClassNames,\n      getStyle: getTransitionTranslateXRightInCSS\n    }\n  }\n  if (transition === TRANSITIONS.TRANSLATE_X_LEFT_IN) {\n    return {\n      classNames: transitionTranslateXLeftInClassNames,\n      getStyle: getTransitionTranslateXLeftInCSS\n    }\n  }\n  if (transition === TRANSITIONS.OPACITY_IN) {\n    return {\n      classNames: transitionOpacityClassNames,\n      getStyle: getTransitionOpacityCSS\n    }\n  }\n  if (transition === TRANSITIONS.TRANSLATE_Y_BOTTOM_IN) {\n    return {\n      classNames: transitionTranslateYBottomInClassNames,\n      getStyle: getTransitionTranslateYBottomInCSS\n    }\n  }\n  return {\n    classNames: {\n      entering: '',\n      entered: '',\n      exiting: '',\n      exited: ''\n    },\n    getStyle: () => null\n  }\n}\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Transition } from 'react-transition-group'\nimport unique from 'uniqid'\nimport { getTransition } from '../helpers'\n\nexport const Animated = ({ animation, duration, delay, easing, children }) => {\n  const containerId = unique()\n  const transition = getTransition(animation)\n  return (\n    <React.Fragment>\n      <Transition in timeout={0} appear>\n        {(state) => (\n          <div id={`${containerId}`} className={transition.classNames[state]}>\n            {children}\n          </div>\n        )}\n      </Transition>\n      <style jsx>\n        {`\n          ${transition.getStyle({\n            easing,\n            selector: `#${containerId}`,\n            delay,\n            duration\n          })}\n        `}\n      </style>\n    </React.Fragment>\n  )\n}\n\nAnimated.propTypes = {\n  animation: PropTypes.string,\n  duration: PropTypes.number,\n  delay: PropTypes.number,\n  easing: PropTypes.string,\n  children: PropTypes.any\n}\n\nAnimated.defaultProps = {\n  animation: '',\n  duration: 0,\n  delay: 500,\n  easing: 'ease-in-out',\n  children: null\n}\n\nexport default Animated\n","import React from 'react'\nimport styles from './styles.module.css'\nexport { Animated } from './components'\nexport { TRANSITIONS, getTransition } from './helpers'\n\nexport const ExampleComponent = ({ text }) => {\n  return <div className={styles.test}>Example Component: {text}</div>\n}\n"],"names":["TRANSITIONS","TRANSLATE_X_RIGHT_IN","TRANSLATE_X_LEFT_IN","TRANSLATE_Y_BOTTOM_IN","OPACITY_IN","transitionTranslateYBottomInClassNames","entering","entered","exiting","exited","getTransitionTranslateYBottomInCSS","delay","selector","duration","easing","transitionTranslateXRightInClassNames","getTransitionTranslateXRightInCSS","transitionTranslateXLeftInClassNames","getTransitionTranslateXLeftInCSS","transitionOpacityClassNames","getTransitionOpacityCSS","getTransition","transition","classNames","getStyle","Animated","animation","children","containerId","unique","Transition","state","propTypes","PropTypes","string","number","any","defaultProps","ExampleComponent","text","styles","test"],"mappings":"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"}