formula-treemap/dist/hooks/useEventListener.js

한약재를 구성하는 재료(성분)들을 보기 좋게 시각화 한 리액트 컴포넌트 패키지입니다.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _react = require("react");

function useEventListener(eventName, handler, element) {
  // Create a ref that stores handler
  var savedHandler = (0, _react.useRef)();
  (0, _react.useEffect)(function () {
    // Define the listening target
    var targetElement = (element === null || element === void 0 ? void 0 : element.current) || window;

    if (!(targetElement && targetElement.addEventListener)) {
      return;
    } // Update saved handler if necessary


    if (savedHandler.current !== handler) {
      savedHandler.current = handler;
    } // Create event listener that calls handler function stored in ref


    var eventListener = function eventListener(event) {
      // eslint-disable-next-line no-extra-boolean-cast
      if (!!(savedHandler !== null && savedHandler !== void 0 && savedHandler.current)) {
        savedHandler.current(event);
      }
    };

    targetElement.addEventListener(eventName, eventListener); // Remove event listener on cleanup

    return function () {
      targetElement.removeEventListener(eventName, eventListener);
    };
  }, [eventName, element, handler]);
}

var _default = useEventListener;
exports.default = _default;