1 | import _extends from "@babel/runtime/helpers/esm/extends";
|
2 | import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
3 | import React, { useRef } from 'react';
|
4 | import classNames from 'classnames';
|
5 | import BaseOverlay from 'react-overlays/Overlay';
|
6 | import safeFindDOMNode from 'react-overlays/safeFindDOMNode';
|
7 | import usePopperMarginModifiers from './usePopperMarginModifiers';
|
8 | import Fade from './Fade';
|
9 | var defaultProps = {
|
10 | transition: Fade,
|
11 | rootClose: false,
|
12 | show: false,
|
13 | placement: 'top'
|
14 | };
|
15 |
|
16 | function wrapRefs(props, arrowProps) {
|
17 | var ref = props.ref;
|
18 | var aRef = arrowProps.ref;
|
19 |
|
20 | props.ref = ref.__wrapped || (ref.__wrapped = function (r) {
|
21 | return ref(safeFindDOMNode(r));
|
22 | });
|
23 |
|
24 | arrowProps.ref = aRef.__wrapped || (aRef.__wrapped = function (r) {
|
25 | return aRef(safeFindDOMNode(r));
|
26 | });
|
27 | }
|
28 |
|
29 | function Overlay(_ref) {
|
30 | var overlay = _ref.children,
|
31 | transition = _ref.transition,
|
32 | _ref$popperConfig = _ref.popperConfig,
|
33 | popperConfig = _ref$popperConfig === void 0 ? {} : _ref$popperConfig,
|
34 | outerProps = _objectWithoutPropertiesLoose(_ref, ["children", "transition", "popperConfig"]);
|
35 |
|
36 | var popperRef = useRef({});
|
37 |
|
38 | var _usePopperMarginModif = usePopperMarginModifiers(),
|
39 | ref = _usePopperMarginModif[0],
|
40 | marginModifiers = _usePopperMarginModif[1];
|
41 |
|
42 | var actualTransition = transition === true ? Fade : transition || null;
|
43 | return React.createElement(BaseOverlay, _extends({}, outerProps, {
|
44 | ref: ref,
|
45 | popperConfig: _extends({}, popperConfig, {
|
46 | modifiers: marginModifiers.concat(popperConfig.modifiers || [])
|
47 | }),
|
48 | transition: actualTransition
|
49 | }), function (_ref2) {
|
50 | var _state$modifiersData$;
|
51 |
|
52 | var overlayProps = _ref2.props,
|
53 | arrowProps = _ref2.arrowProps,
|
54 | show = _ref2.show,
|
55 | update = _ref2.update,
|
56 | _ = _ref2.forceUpdate,
|
57 | placement = _ref2.placement,
|
58 | state = _ref2.state,
|
59 | props = _objectWithoutPropertiesLoose(_ref2, ["props", "arrowProps", "show", "update", "forceUpdate", "placement", "state"]);
|
60 |
|
61 | wrapRefs(overlayProps, arrowProps);
|
62 | var popper = Object.assign(popperRef.current, {
|
63 | state: state,
|
64 | scheduleUpdate: update,
|
65 | placement: placement,
|
66 | outOfBoundaries: (state == null ? void 0 : (_state$modifiersData$ = state.modifiersData.hide) == null ? void 0 : _state$modifiersData$.isReferenceHidden) || false
|
67 | });
|
68 | if (typeof overlay === 'function') return overlay(_extends({}, props, overlayProps, {
|
69 | placement: placement,
|
70 | show: show,
|
71 | popper: popper,
|
72 | arrowProps: arrowProps
|
73 | }));
|
74 | return React.cloneElement(overlay, _extends({}, props, overlayProps, {
|
75 | placement: placement,
|
76 | arrowProps: arrowProps,
|
77 | popper: popper,
|
78 | className: classNames(overlay.props.className, !transition && show && 'show'),
|
79 | style: _extends({}, overlay.props.style, overlayProps.style)
|
80 | }));
|
81 | });
|
82 | }
|
83 |
|
84 | Overlay.defaultProps = defaultProps;
|
85 | export default Overlay; |
\ | No newline at end of file |