react-native-web
Version:
React Native for Web
54 lines (52 loc) • 1.71 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
exports.__esModule = true;
exports.default = useEvent;
var _addEventListener = require("../addEventListener");
var _useLayoutEffect = _interopRequireDefault(require("../useLayoutEffect"));
var _useStable = _interopRequireDefault(require("../useStable"));
/**
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
/**
* This can be used with any event type include custom events.
*
* const click = useEvent('click', options);
* useEffect(() => {
* click.setListener(target, onClick);
* return () => click.clear();
* }).
*/
function useEvent(eventType, options) {
var targetListeners = (0, _useStable.default)(() => new Map());
var addListener = (0, _useStable.default)(() => {
return (target, callback) => {
var removeTargetListener = targetListeners.get(target);
if (removeTargetListener != null) {
removeTargetListener();
}
if (callback == null) {
targetListeners.delete(target);
callback = () => {};
}
var removeEventListener = (0, _addEventListener.addEventListener)(target, eventType, callback, options);
targetListeners.set(target, removeEventListener);
return removeEventListener;
};
});
(0, _useLayoutEffect.default)(() => {
return () => {
targetListeners.forEach(removeListener => {
removeListener();
});
targetListeners.clear();
};
}, [targetListeners]);
return addListener;
}
module.exports = exports.default;