tix-react-ssr/dist/transitions/Fade/index.js

Tiket.com React Project Scripts

'use strict';Object.defineProperty(exports,"__esModule",{value:true});var _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;};var _fadeStyles;var _classnames=require('classnames');var _classnames2=_interopRequireDefault(_classnames);var _react=require('react');var _react2=_interopRequireDefault(_react);var _propTypes=require('prop-types');var _Transition=require('react-transition-group/Transition');var _Transition2=_interopRequireDefault(_Transition);require('./styles.css');function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}function _objectWithoutProperties(obj,keys){var target={};for(var i in obj){if(keys.indexOf(i)>=0)continue;if(!Object.prototype.hasOwnProperty.call(obj,i))continue;target[i]=obj[i];}return target;}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={/**
   * Show the component; triggers the fade in or fade out animation
   */in:_propTypes.bool,/**
   * Wait until the first "enter" transition to mount the component (add it to the DOM)
   */mountOnEnter:_propTypes.bool,/**
   * Unmount the component (remove it from the DOM) when it is faded out
   */unmountOnExit:_propTypes.bool,/**
   * Run the fade in animation when the component mounts, if it is initially
   * shown
   */appear:_propTypes.bool,/**
   * Duration of the fade animation in milliseconds, to ensure that finishing
   * callbacks are fired even if the original browser transition end events are
   * canceled
   */timeout:_propTypes.number,/**
   * Callback fired before the component fades in
   */onEnter:_propTypes.func,/**
   * Callback fired after the component starts to fade in
   */onEntering:_propTypes.func,/**
   * Callback fired after the has component faded in
   */onEntered:_propTypes.func,/**
   * Callback fired before the component fades out
   */onExit:_propTypes.func,/**
   * Callback fired after the component starts to fade out
   */onExiting:_propTypes.func,/**
   * Callback fired after the component has faded out
   */onExited:_propTypes.func,className:_propTypes.string,children:_propTypes.node};var defaultProps={appear:false,in:false,mountOnEnter:false,timeout:300,unmountOnExit:false};var fadeStyles=(_fadeStyles={},_defineProperty(_fadeStyles,_Transition.ENTERING,'in'),_defineProperty(_fadeStyles,_Transition.ENTERED,'in'),_fadeStyles);var Fade=function(){function Fade(props){var className=props.className,children=props.children,rest=_objectWithoutProperties(props,['className','children']);return _react2.default.createElement(_Transition2.default,rest,function(status,innerProps){return _react2.default.cloneElement(children,_extends({},innerProps,{className:(0,_classnames2.default)('fade',className,children.props.className,fadeStyles[status])}));});}Fade.defaultProps=defaultProps;return Fade;}();exports.default=Fade;