@atlaskit/editor-common/dist/cjs/link/LinkPicker/EditorLinkPicker/useEscapeClickaway.js

A package that contains common classes and components for editor and renderer

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useEscapeClickaway = void 0;
var _react = require("react");
var useEscapeClickaway = exports.useEscapeClickaway = function useEscapeClickaway(onEscape, onClickAway) {
  var ref = (0, _react.useRef)(null);
  (0, _react.useEffect)(function () {
    var handleClickAway = function handleClickAway(event) {
      var el = ref.current;
      if (event.target instanceof Element && el && !el.contains(event.target)) {
        onClickAway();
      }
    };
    var handleKeydown = function handleKeydown(event) {
      if (event.key === 'Escape') {
        event.preventDefault();
        onEscape();
      }
    };

    // Ignored via go/ees005
    // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
    document.addEventListener('mousedown', handleClickAway);
    // Ignored via go/ees005
    // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
    document.addEventListener('keydown', handleKeydown);
    return function () {
      // Ignored via go/ees005
      // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
      document.removeEventListener('mousedown', handleClickAway);
      // Ignored via go/ees005
      // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
      document.removeEventListener('keydown', handleKeydown);
    };
  }, [onClickAway, onEscape]);
  return ref;
};