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 _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
|
12 |
|
13 | var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
|
14 |
|
15 | var _react = require('react');
|
16 |
|
17 | var _react2 = _interopRequireDefault(_react);
|
18 |
|
19 | var _helperFunctions = require('./helperFunctions');
|
20 |
|
21 | var _recompose = require('recompose');
|
22 |
|
23 | var _CTCGeneric = require('./CTCGeneric');
|
24 |
|
25 | var _CTCGeneric2 = _interopRequireDefault(_CTCGeneric);
|
26 |
|
27 | var _Button = require('./Button');
|
28 |
|
29 | var _Button2 = _interopRequireDefault(_Button);
|
30 |
|
31 | var _RTGTransition = require('./RTGTransition');
|
32 |
|
33 | var _RTGTransition2 = _interopRequireDefault(_RTGTransition);
|
34 |
|
35 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
36 |
|
37 | var CTCMercury = function CTCMercury(_ref) {
|
38 | var _ref$colors = _ref.colors,
|
39 | colors = _ref$colors === undefined ? 'neutral' : _ref$colors,
|
40 | _ref$subcolors = _ref.subcolors,
|
41 | subcolors = _ref$subcolors === undefined ? '' : _ref$subcolors,
|
42 | _ref$maxHeight = _ref.maxHeight,
|
43 | maxHeight = _ref$maxHeight === undefined ? '100vh' : _ref$maxHeight,
|
44 | _ref$subtype = _ref.subtype,
|
45 | subtype = _ref$subtype === undefined ? 'horizontal' : _ref$subtype,
|
46 | _ref$containerProps = _ref.containerProps,
|
47 | containerProps = _ref$containerProps === undefined ? {} : _ref$containerProps,
|
48 | renderTrigger = _ref.renderTrigger,
|
49 | transitionProps = _ref.transitionProps,
|
50 | renderIcon = _ref.renderIcon,
|
51 | shouldRenderIcon = _ref.shouldRenderIcon,
|
52 | children = _ref.children,
|
53 | defaultIsOn = _ref.defaultIsOn,
|
54 | externalIsOn = _ref.externalIsOn,
|
55 | size = _ref.size,
|
56 | sizeFontRatio = _ref.sizeFontRatio,
|
57 | props = (0, _objectWithoutProperties3.default)(_ref, ['colors', 'subcolors', 'maxHeight', 'subtype', 'containerProps', 'renderTrigger', 'transitionProps', 'renderIcon', 'shouldRenderIcon', 'children', 'defaultIsOn', 'externalIsOn', 'size', 'sizeFontRatio']);
|
58 |
|
59 | return _react2.default.createElement(
|
60 | _CTCGeneric2.default,
|
61 | (0, _extends3.default)({ externalIsOn: externalIsOn, defaultIsOn: defaultIsOn }, props),
|
62 | function (_ref2) {
|
63 | var getChildrenProps = _ref2.getChildrenProps,
|
64 | elClickListenerRef = _ref2.elClickListenerRef,
|
65 | getContainerProps = _ref2.getContainerProps,
|
66 | getTriggerProps = _ref2.getTriggerProps,
|
67 | isOn = _ref2.isOn;
|
68 |
|
69 | return _react2.default.createElement(
|
70 | 'div',
|
71 | (0, _extends3.default)({
|
72 | ref: elClickListenerRef
|
73 | }, getContainerProps((0, _extends3.default)({
|
74 | className: (0, _helperFunctions.flippyClass)(isOn, 'ctcmercury__container', 'show', 'hide')
|
75 | }, containerProps))),
|
76 | _react2.default.createElement(
|
77 | _Button2.default,
|
78 | (0, _extends3.default)({
|
79 | subtype: subtype,
|
80 |
|
81 | subcolors: subcolors,
|
82 | type: 'mercurydrop',
|
83 | colors: colors,
|
84 | renderIcon: renderIcon,
|
85 | shouldRenderIcon: shouldRenderIcon
|
86 | }, getTriggerProps({ isOn: isOn }), {
|
87 | size: size,
|
88 | sizeFontRatio: sizeFontRatio
|
89 | }, props),
|
90 | renderTrigger && renderTrigger()
|
91 | ),
|
92 | _react2.default.createElement(
|
93 | _RTGTransition2.default,
|
94 | (0, _extends3.default)({
|
95 | in: isOn,
|
96 | duration: 0,
|
97 | transitionType: ['height', 'fade'],
|
98 | maxHeight: maxHeight
|
99 | }, transitionProps),
|
100 | function (_ref3) {
|
101 | var transitionStyle = _ref3.style;
|
102 | return children({ getChildrenProps: getChildrenProps, transitionStyle: transitionStyle, isOn: isOn });
|
103 | }
|
104 | )
|
105 | );
|
106 | }
|
107 | );
|
108 | };
|
109 |
|
110 | var enhance = (0, _recompose.compose)();
|
111 |
|
112 | exports.default = enhance(CTCMercury); |
\ | No newline at end of file |