You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
74 lines
3.3 KiB
74 lines
3.3 KiB
"use strict";
|
|
|
|
exports.__esModule = true;
|
|
exports.default = void 0;
|
|
|
|
var _listen = _interopRequireDefault(require("dom-helpers/listen"));
|
|
|
|
var _ownerDocument = _interopRequireDefault(require("dom-helpers/ownerDocument"));
|
|
|
|
var _react = require("react");
|
|
|
|
var _useEventCallback = _interopRequireDefault(require("@restart/hooks/useEventCallback"));
|
|
|
|
var _useClickOutside = _interopRequireWildcard(require("./useClickOutside"));
|
|
|
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
|
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
|
|
const escapeKeyCode = 27;
|
|
|
|
const noop = () => {};
|
|
|
|
/**
|
|
* The `useRootClose` hook registers your callback on the document
|
|
* when rendered. Powers the `<Overlay/>` component. This is used achieve modal
|
|
* style behavior where your callback is triggered when the user tries to
|
|
* interact with the rest of the document or hits the `esc` key.
|
|
*
|
|
* @param {Ref<HTMLElement>| HTMLElement} ref The element boundary
|
|
* @param {function} onRootClose
|
|
* @param {object=} options
|
|
* @param {boolean=} options.disabled
|
|
* @param {string=} options.clickTrigger The DOM event name (click, mousedown, etc) to attach listeners on
|
|
*/
|
|
function useRootClose(ref, onRootClose, {
|
|
disabled,
|
|
clickTrigger
|
|
} = {}) {
|
|
const onClose = onRootClose || noop;
|
|
(0, _useClickOutside.default)(ref, onClose, {
|
|
disabled,
|
|
clickTrigger
|
|
});
|
|
const handleKeyUp = (0, _useEventCallback.default)(e => {
|
|
if (e.keyCode === escapeKeyCode) {
|
|
onClose(e);
|
|
}
|
|
});
|
|
(0, _react.useEffect)(() => {
|
|
if (disabled || ref == null) return undefined;
|
|
const doc = (0, _ownerDocument.default)((0, _useClickOutside.getRefTarget)(ref)); // Store the current event to avoid triggering handlers immediately
|
|
// https://github.com/facebook/react/issues/20074
|
|
|
|
let currentEvent = (doc.defaultView || window).event;
|
|
const removeKeyupListener = (0, _listen.default)(doc, 'keyup', e => {
|
|
// skip if this event is the same as the one running when we added the handlers
|
|
if (e === currentEvent) {
|
|
currentEvent = undefined;
|
|
return;
|
|
}
|
|
|
|
handleKeyUp(e);
|
|
});
|
|
return () => {
|
|
removeKeyupListener();
|
|
};
|
|
}, [ref, disabled, handleKeyUp]);
|
|
}
|
|
|
|
var _default = useRootClose;
|
|
exports.default = _default; |