1 | import contains from 'dom-helpers/contains';
|
2 | import listen from 'dom-helpers/listen';
|
3 | import { useCallback, useEffect, useRef } from 'react';
|
4 | import useEventCallback from '@restart/hooks/useEventCallback';
|
5 | import warning from 'warning';
|
6 | import ownerDocument from './ownerDocument';
|
7 | var escapeKeyCode = 27;
|
8 |
|
9 | var noop = function noop() {};
|
10 |
|
11 | function isLeftClickEvent(event) {
|
12 | return event.button === 0;
|
13 | }
|
14 |
|
15 | function isModifiedEvent(event) {
|
16 | return !!(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey);
|
17 | }
|
18 |
|
19 | var getRefTarget = function getRefTarget(ref) {
|
20 | return ref && ('current' in ref ? ref.current : ref);
|
21 | };
|
22 |
|
23 |
|
24 |
|
25 |
|
26 |
|
27 |
|
28 |
|
29 |
|
30 |
|
31 |
|
32 |
|
33 |
|
34 |
|
35 | function useRootClose(ref, onRootClose, _temp) {
|
36 | var _ref = _temp === void 0 ? {} : _temp,
|
37 | disabled = _ref.disabled,
|
38 | _ref$clickTrigger = _ref.clickTrigger,
|
39 | clickTrigger = _ref$clickTrigger === void 0 ? 'click' : _ref$clickTrigger;
|
40 |
|
41 | var preventMouseRootCloseRef = useRef(false);
|
42 | var onClose = onRootClose || noop;
|
43 | var handleMouseCapture = useCallback(function (e) {
|
44 | var currentTarget = getRefTarget(ref);
|
45 | warning(!!currentTarget, 'RootClose captured a close event but does not have a ref to compare it to. ' + 'useRootClose(), should be passed a ref that resolves to a DOM node');
|
46 | preventMouseRootCloseRef.current = !currentTarget || isModifiedEvent(e) || !isLeftClickEvent(e) || !!contains(currentTarget, e.target);
|
47 | }, [ref]);
|
48 | var handleMouse = useEventCallback(function (e) {
|
49 | if (!preventMouseRootCloseRef.current) {
|
50 | onClose(e);
|
51 | }
|
52 | });
|
53 | var handleKeyUp = useEventCallback(function (e) {
|
54 | if (e.keyCode === escapeKeyCode) {
|
55 | onClose(e);
|
56 | }
|
57 | });
|
58 | useEffect(function () {
|
59 | if (disabled || ref == null) return undefined;
|
60 | var doc = ownerDocument(getRefTarget(ref));
|
61 |
|
62 |
|
63 |
|
64 | var removeMouseCaptureListener = listen(doc, clickTrigger, handleMouseCapture, true);
|
65 | var removeMouseListener = listen(doc, clickTrigger, handleMouse);
|
66 | var removeKeyupListener = listen(doc, 'keyup', handleKeyUp);
|
67 | var mobileSafariHackListeners = [];
|
68 |
|
69 | if ('ontouchstart' in doc.documentElement) {
|
70 | mobileSafariHackListeners = [].slice.call(doc.body.children).map(function (el) {
|
71 | return listen(el, 'mousemove', noop);
|
72 | });
|
73 | }
|
74 |
|
75 | return function () {
|
76 | removeMouseCaptureListener();
|
77 | removeMouseListener();
|
78 | removeKeyupListener();
|
79 | mobileSafariHackListeners.forEach(function (remove) {
|
80 | return remove();
|
81 | });
|
82 | };
|
83 | }, [ref, disabled, clickTrigger, handleMouseCapture, handleMouse, handleKeyUp]);
|
84 | }
|
85 |
|
86 | export default useRootClose; |
\ | No newline at end of file |