focalxaiinspection/dist/lib/hooks/useOnClickOutSide.js

Focalx AI Inspection

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = require("react");
var useOnClickOutSide = function useOnClickOutSide(open, ref, handler) {
  (0, _react.useEffect)(function () {
    var checkIfClickedOutside = function checkIfClickedOutside(e) {
      if (open && ref.current && !ref.current.contains(e.target)) {
        handler();
      }
    };
    document.addEventListener("click", checkIfClickedOutside);
    return function () {
      document.removeEventListener("click", checkIfClickedOutside);
    };
  }, [handler, open, ref]);
};
var _default = useOnClickOutSide;
exports.default = _default;