1 | "use strict";
|
2 |
|
3 | var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4 |
|
5 | Object.defineProperty(exports, "__esModule", {
|
6 | value: true
|
7 | });
|
8 | exports.default = exports.styles = void 0;
|
9 |
|
10 | var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
11 |
|
12 | var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
13 |
|
14 | var _react = _interopRequireDefault(require("react"));
|
15 |
|
16 | var _propTypes = _interopRequireDefault(require("prop-types"));
|
17 |
|
18 | var styles = {
|
19 |
|
20 | root: {
|
21 | zIndex: -1,
|
22 | position: 'fixed',
|
23 | right: 0,
|
24 | bottom: 0,
|
25 | top: 0,
|
26 | left: 0,
|
27 | backgroundColor: 'rgba(0, 0, 0, 0.5)',
|
28 | WebkitTapHighlightColor: 'transparent',
|
29 |
|
30 | touchAction: 'none'
|
31 | },
|
32 |
|
33 |
|
34 | invisible: {
|
35 | backgroundColor: 'transparent'
|
36 | }
|
37 | };
|
38 |
|
39 |
|
40 |
|
41 |
|
42 | exports.styles = styles;
|
43 |
|
44 | var SimpleBackdrop = _react.default.forwardRef(function SimpleBackdrop(props, ref) {
|
45 | var _props$invisible = props.invisible,
|
46 | invisible = _props$invisible === void 0 ? false : _props$invisible,
|
47 | open = props.open,
|
48 | other = (0, _objectWithoutProperties2.default)(props, ["invisible", "open"]);
|
49 | return open ? _react.default.createElement("div", (0, _extends2.default)({
|
50 | "aria-hidden": true,
|
51 | ref: ref
|
52 | }, other, {
|
53 | style: (0, _extends2.default)({}, styles.root, {}, invisible ? styles.invisible : {}, {}, other.style)
|
54 | })) : null;
|
55 | });
|
56 |
|
57 | process.env.NODE_ENV !== "production" ? SimpleBackdrop.propTypes = {
|
58 | |
59 |
|
60 |
|
61 |
|
62 | invisible: _propTypes.default.bool,
|
63 |
|
64 | |
65 |
|
66 |
|
67 | open: _propTypes.default.bool.isRequired
|
68 | } : void 0;
|
69 | var _default = SimpleBackdrop;
|
70 | exports.default = _default; |
\ | No newline at end of file |