@mantine/core/esm/core/utils/create-use-external-events/create-use-external-events.mjs

React components library focused on usability, accessibility and developer experience

"use client";
import { useIsomorphicEffect } from "@mantine/hooks";
//#region packages/@mantine/core/src/core/utils/create-use-external-events/create-use-external-events.ts
function dispatchEvent(type, detail) {
	window.dispatchEvent(new CustomEvent(type, { detail }));
}
function createUseExternalEvents(prefix) {
	function _useExternalEvents(events) {
		const handlers = Object.keys(events).reduce((acc, eventKey) => {
			acc[`${prefix}:${eventKey}`] = (event) => events[eventKey](event.detail);
			return acc;
		}, {});
		useIsomorphicEffect(() => {
			Object.keys(handlers).forEach((eventKey) => {
				window.removeEventListener(eventKey, handlers[eventKey]);
				window.addEventListener(eventKey, handlers[eventKey]);
			});
			return () => Object.keys(handlers).forEach((eventKey) => {
				window.removeEventListener(eventKey, handlers[eventKey]);
			});
		}, [handlers]);
	}
	function createEvent(event) {
		return (...payload) => dispatchEvent(`${prefix}:${String(event)}`, payload[0]);
	}
	return [_useExternalEvents, createEvent];
}
//#endregion
export { createUseExternalEvents };

//# sourceMappingURL=create-use-external-events.mjs.map