1 | 'use strict';
|
2 |
|
3 | Object.defineProperty(exports, "__esModule", {
|
4 | value: true
|
5 | });
|
6 |
|
7 | var _extends2 = require('babel-runtime/helpers/extends');
|
8 |
|
9 | var _extends3 = _interopRequireDefault(_extends2);
|
10 |
|
11 | var _react = require('react');
|
12 |
|
13 | var _react2 = _interopRequireDefault(_react);
|
14 |
|
15 | var _Transition = require('react-transition-group/Transition');
|
16 |
|
17 | var _Transition2 = _interopRequireDefault(_Transition);
|
18 |
|
19 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
20 |
|
21 | var transitionStyles = {
|
22 | entering: {
|
23 | opacity: '0.01'
|
24 | },
|
25 | entered: {
|
26 | opacity: '1'
|
27 | },
|
28 | exiting: {
|
29 | opacity: '0.01'
|
30 | }
|
31 | };
|
32 |
|
33 | var getDefaultStyle = function getDefaultStyle(duration) {
|
34 | return {
|
35 | transition: 'all ' + duration + 'ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',
|
36 | opacity: 0
|
37 | };
|
38 | };
|
39 |
|
40 | var RTGFade = function RTGFade(_ref) {
|
41 | var inProp = _ref.in,
|
42 | _ref$duration = _ref.duration,
|
43 | duration = _ref$duration === undefined ? 250 : _ref$duration,
|
44 | children = _ref.children;
|
45 | return _react2.default.createElement(
|
46 | _Transition2.default,
|
47 | { unmountOnExit: true, 'in': inProp, timeout: { enter: 0, exit: duration } },
|
48 | function (state) {
|
49 | return children({ style: (0, _extends3.default)({}, getDefaultStyle(duration), transitionStyles[state]) });
|
50 | }
|
51 | );
|
52 | };
|
53 |
|
54 | exports.default = RTGFade; |
\ | No newline at end of file |