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 getDefaultStyle = function getDefaultStyle(duration) {
|
22 | return {
|
23 | transition: 'all ' + duration + 'ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',
|
24 | opacity: 0
|
25 | };
|
26 | };
|
27 |
|
28 | var RTGExpandVertically = function RTGExpandVertically(_ref) {
|
29 | var inProp = _ref.in,
|
30 | _ref$duration = _ref.duration,
|
31 | duration = _ref$duration === undefined ? 250 : _ref$duration,
|
32 | children = _ref.children,
|
33 | maxHeight = _ref.maxHeight;
|
34 |
|
35 | var transitionStyles = {
|
36 | entering: {
|
37 | opacity: '0.01',
|
38 | maxHeight: 0.01
|
39 | },
|
40 | entered: {
|
41 | opacity: '1',
|
42 | maxHeight: maxHeight
|
43 | },
|
44 | exiting: {
|
45 | opacity: '0.01',
|
46 | maxHeight: 0.01
|
47 | }
|
48 | };
|
49 | return _react2.default.createElement(
|
50 | _Transition2.default,
|
51 | { unmountOnExit: true, 'in': inProp, timeout: { enter: 0, exit: duration } },
|
52 | function (state) {
|
53 | return children({ style: (0, _extends3.default)({}, getDefaultStyle(duration), transitionStyles[state]) });
|
54 | }
|
55 | );
|
56 | };
|
57 |
|
58 | exports.default = RTGExpandVertically; |
\ | No newline at end of file |