1 | 'use strict';
|
2 |
|
3 | Object.defineProperty(exports, "__esModule", {
|
4 | value: true
|
5 | });
|
6 |
|
7 | 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; };
|
8 |
|
9 | var _react = require('react');
|
10 |
|
11 | var _react2 = _interopRequireDefault(_react);
|
12 |
|
13 | var _propTypes = require('prop-types');
|
14 |
|
15 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
16 |
|
17 | var _InlineStylePrefixer = require('../internal/InlineStylePrefixer');
|
18 |
|
19 | var _InlineStylePrefixer2 = _interopRequireDefault(_InlineStylePrefixer);
|
20 |
|
21 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
22 |
|
23 | 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; }
|
24 |
|
25 | var Overlay = function Overlay(props) {
|
26 |
|
27 | var getStyles = function getStyles() {
|
28 | var style = {
|
29 | position: 'fixed',
|
30 | height: '100%',
|
31 | width: '100%',
|
32 | top: 0,
|
33 | left: '-100%',
|
34 | opacity: 0,
|
35 | backgroundColor: 'rgba(0, 0, 0, 0.6)',
|
36 | WebkitTapHighlightColor: 'rgba(0, 0, 0, 0)',
|
37 | willChange: 'opacity',
|
38 | transform: 'translateZ(0)',
|
39 | zIndex: -1,
|
40 | transition: 'left 0ms, opacity 0.3s'
|
41 | };
|
42 |
|
43 | document.body.style.removeProperty('overflow');
|
44 |
|
45 | if (props.show) {
|
46 | document.body.style.overflow = 'hidden';
|
47 | style.left = 0;
|
48 | style.opacity = 0.6;
|
49 | style.transition = 'left 0ms, opacity 0.3s';
|
50 | }
|
51 |
|
52 | return (0, _InlineStylePrefixer2.default)(style);
|
53 | };
|
54 |
|
55 | var style = getStyles();
|
56 |
|
57 | var show = props.show,
|
58 | other = _objectWithoutProperties(props, ['show']);
|
59 |
|
60 | return _react2.default.createElement('div', _extends({}, other, { style: style }));
|
61 | };
|
62 |
|
63 | Overlay.propTypes = {
|
64 | show: _propTypes2.default.bool.isRequired
|
65 | };
|
66 |
|
67 | Overlay.defaultProps = {
|
68 | show: false
|
69 | };
|
70 |
|
71 | exports.default = Overlay; |
\ | No newline at end of file |