1 | 'use strict';
|
2 |
|
3 | Object.defineProperty(exports, "__esModule", {
|
4 | value: true
|
5 | });
|
6 |
|
7 | var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
|
8 |
|
9 | var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
|
10 |
|
11 | var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
|
12 |
|
13 | var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
|
14 |
|
15 | var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
|
16 |
|
17 | var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
18 |
|
19 | var _createClass2 = require('babel-runtime/helpers/createClass');
|
20 |
|
21 | var _createClass3 = _interopRequireDefault(_createClass2);
|
22 |
|
23 | var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
|
24 |
|
25 | var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
26 |
|
27 | var _inherits2 = require('babel-runtime/helpers/inherits');
|
28 |
|
29 | var _inherits3 = _interopRequireDefault(_inherits2);
|
30 |
|
31 | var _simpleAssign = require('simple-assign');
|
32 |
|
33 | var _simpleAssign2 = _interopRequireDefault(_simpleAssign);
|
34 |
|
35 | var _react = require('react');
|
36 |
|
37 | var _react2 = _interopRequireDefault(_react);
|
38 |
|
39 | var _propTypes = require('prop-types');
|
40 |
|
41 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
42 |
|
43 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
44 |
|
45 |
|
46 |
|
47 |
|
48 |
|
49 |
|
50 |
|
51 |
|
52 |
|
53 |
|
54 |
|
55 |
|
56 |
|
57 |
|
58 |
|
59 |
|
60 |
|
61 |
|
62 |
|
63 |
|
64 |
|
65 |
|
66 |
|
67 |
|
68 |
|
69 |
|
70 |
|
71 |
|
72 |
|
73 |
|
74 |
|
75 |
|
76 |
|
77 |
|
78 |
|
79 | var styles = {
|
80 | box: {
|
81 | boxSizing: 'border-box'
|
82 | }
|
83 | };
|
84 |
|
85 | var BeforeAfterWrapper = function (_Component) {
|
86 | (0, _inherits3.default)(BeforeAfterWrapper, _Component);
|
87 |
|
88 | function BeforeAfterWrapper() {
|
89 | (0, _classCallCheck3.default)(this, BeforeAfterWrapper);
|
90 | return (0, _possibleConstructorReturn3.default)(this, (BeforeAfterWrapper.__proto__ || (0, _getPrototypeOf2.default)(BeforeAfterWrapper)).apply(this, arguments));
|
91 | }
|
92 |
|
93 | (0, _createClass3.default)(BeforeAfterWrapper, [{
|
94 | key: 'render',
|
95 | value: function render() {
|
96 | var _props = this.props,
|
97 | beforeStyle = _props.beforeStyle,
|
98 | afterStyle = _props.afterStyle,
|
99 | beforeElementType = _props.beforeElementType,
|
100 | afterElementType = _props.afterElementType,
|
101 | elementType = _props.elementType,
|
102 | other = (0, _objectWithoutProperties3.default)(_props, ['beforeStyle', 'afterStyle', 'beforeElementType', 'afterElementType', 'elementType']);
|
103 | var prepareStyles = this.context.muiTheme.prepareStyles;
|
104 |
|
105 |
|
106 | var beforeElement = void 0;
|
107 | var afterElement = void 0;
|
108 |
|
109 | if (beforeStyle) {
|
110 | beforeElement = _react2.default.createElement(this.props.beforeElementType, {
|
111 | style: prepareStyles((0, _simpleAssign2.default)({}, styles.box, beforeStyle)),
|
112 | key: '::before'
|
113 | });
|
114 | }
|
115 |
|
116 | if (afterStyle) {
|
117 | afterElement = _react2.default.createElement(this.props.afterElementType, {
|
118 | style: prepareStyles((0, _simpleAssign2.default)({}, styles.box, afterStyle)),
|
119 | key: '::after'
|
120 | });
|
121 | }
|
122 |
|
123 | var children = [beforeElement, this.props.children, afterElement];
|
124 |
|
125 | var props = other;
|
126 | props.style = prepareStyles((0, _simpleAssign2.default)({}, this.props.style));
|
127 |
|
128 | return _react2.default.createElement(this.props.elementType, props, children);
|
129 | }
|
130 | }]);
|
131 | return BeforeAfterWrapper;
|
132 | }(_react.Component);
|
133 |
|
134 | BeforeAfterWrapper.defaultProps = {
|
135 | beforeElementType: 'div',
|
136 | afterElementType: 'div',
|
137 | elementType: 'div'
|
138 | };
|
139 | BeforeAfterWrapper.contextTypes = {
|
140 | muiTheme: _propTypes2.default.object.isRequired
|
141 | };
|
142 | BeforeAfterWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
|
143 | afterElementType: _propTypes2.default.string,
|
144 | afterStyle: _propTypes2.default.object,
|
145 | beforeElementType: _propTypes2.default.string,
|
146 | beforeStyle: _propTypes2.default.object,
|
147 | children: _propTypes2.default.node,
|
148 | elementType: _propTypes2.default.string,
|
149 | |
150 |
|
151 |
|
152 | style: _propTypes2.default.object
|
153 | } : {};
|
154 | exports.default = BeforeAfterWrapper; |
\ | No newline at end of file |