1 | "use strict";
|
2 |
|
3 | var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
4 |
|
5 | var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
6 |
|
7 | Object.defineProperty(exports, "__esModule", {
|
8 | value: true
|
9 | });
|
10 | exports.getPlacement = getPlacement;
|
11 | exports["default"] = void 0;
|
12 |
|
13 | var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
14 |
|
15 | var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
16 |
|
17 | var React = _interopRequireWildcard(require("react"));
|
18 |
|
19 | var _propTypes = _interopRequireDefault(require("prop-types"));
|
20 |
|
21 | var _reactPopper = require("react-popper");
|
22 |
|
23 | var _utils = require("../utils");
|
24 |
|
25 | var _constants = require("../constants");
|
26 |
|
27 |
|
28 |
|
29 |
|
30 |
|
31 | var SafeElement = typeof Element === 'undefined' ? function () {} : Element;
|
32 | var propTypes = {
|
33 | |
34 |
|
35 |
|
36 |
|
37 |
|
38 |
|
39 | align: _propTypes["default"].oneOf((0, _utils.values)(_constants.ALIGN)),
|
40 | children: _propTypes["default"].func.isRequired,
|
41 |
|
42 | |
43 |
|
44 |
|
45 | dropup: _propTypes["default"].bool,
|
46 |
|
47 | |
48 |
|
49 |
|
50 |
|
51 | flip: _propTypes["default"].bool,
|
52 | isMenuShown: _propTypes["default"].bool,
|
53 | positionFixed: _propTypes["default"].bool,
|
54 | referenceElement: _propTypes["default"].instanceOf(SafeElement)
|
55 | };
|
56 | var defaultProps = {
|
57 | align: _constants.ALIGN.JUSTIFY,
|
58 | dropup: false,
|
59 | flip: false,
|
60 | isMenuShown: false,
|
61 | positionFixed: false
|
62 | };
|
63 |
|
64 | function getModifiers(_ref) {
|
65 | var align = _ref.align,
|
66 | flip = _ref.flip;
|
67 | return {
|
68 | computeStyles: {
|
69 | enabled: true,
|
70 | fn: function fn(_ref2) {
|
71 | var styles = _ref2.styles,
|
72 | data = (0, _objectWithoutPropertiesLoose2["default"])(_ref2, ["styles"]);
|
73 | return (0, _extends2["default"])({}, data, {
|
74 | styles: (0, _extends2["default"])({}, styles, {
|
75 |
|
76 |
|
77 |
|
78 | width: align !== _constants.ALIGN.RIGHT && align !== _constants.ALIGN.LEFT ?
|
79 | data.offsets.reference.width : styles.width
|
80 | })
|
81 | });
|
82 | }
|
83 | },
|
84 | flip: {
|
85 | enabled: flip
|
86 | },
|
87 | preventOverflow: {
|
88 | escapeWithReference: true
|
89 | }
|
90 | };
|
91 | }
|
92 |
|
93 |
|
94 | var PLACEMENT = {
|
95 | bottom: {
|
96 | end: 'bottom-end',
|
97 | start: 'bottom-start'
|
98 | },
|
99 | top: {
|
100 | end: 'top-end',
|
101 | start: 'top-start'
|
102 | }
|
103 | };
|
104 |
|
105 | function getPlacement(_ref3) {
|
106 | var align = _ref3.align,
|
107 | dropup = _ref3.dropup;
|
108 | var x = align === _constants.ALIGN.RIGHT ? 'end' : 'start';
|
109 | var y = dropup ? 'top' : 'bottom';
|
110 | return PLACEMENT[y][x];
|
111 | }
|
112 |
|
113 | var Overlay = function Overlay(props) {
|
114 | var children = props.children,
|
115 | isMenuShown = props.isMenuShown,
|
116 | positionFixed = props.positionFixed,
|
117 | referenceElement = props.referenceElement;
|
118 |
|
119 | if (!isMenuShown) {
|
120 | return null;
|
121 | }
|
122 |
|
123 | return React.createElement(_reactPopper.Popper, {
|
124 | modifiers: getModifiers(props),
|
125 | placement: getPlacement(props),
|
126 | positionFixed: positionFixed,
|
127 | referenceElement: referenceElement
|
128 | }, function (_ref4) {
|
129 | var ref = _ref4.ref,
|
130 | popperProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref4, ["ref"]);
|
131 | return children((0, _extends2["default"])({}, popperProps, {
|
132 | innerRef: ref,
|
133 | inputHeight: referenceElement ? referenceElement.offsetHeight : 0
|
134 | }));
|
135 | });
|
136 | };
|
137 |
|
138 | Overlay.propTypes = propTypes;
|
139 | Overlay.defaultProps = defaultProps;
|
140 | var _default = Overlay;
|
141 | exports["default"] = _default; |
\ | No newline at end of file |