30 lines
1.1 KiB
JavaScript
30 lines
1.1 KiB
JavaScript
import { useMemo } from 'react';
|
|
import useEvent from './useEvent';
|
|
import { noop } from './misc/util';
|
|
var createKeyPredicate = function (keyFilter) {
|
|
return typeof keyFilter === 'function'
|
|
? keyFilter
|
|
: typeof keyFilter === 'string'
|
|
? function (event) { return event.key === keyFilter; }
|
|
: keyFilter
|
|
? function () { return true; }
|
|
: function () { return false; };
|
|
};
|
|
var useKey = function (key, fn, opts, deps) {
|
|
if (fn === void 0) { fn = noop; }
|
|
if (opts === void 0) { opts = {}; }
|
|
if (deps === void 0) { deps = [key]; }
|
|
var _a = opts.event, event = _a === void 0 ? 'keydown' : _a, target = opts.target, options = opts.options;
|
|
var useMemoHandler = useMemo(function () {
|
|
var predicate = createKeyPredicate(key);
|
|
var handler = function (handlerEvent) {
|
|
if (predicate(handlerEvent)) {
|
|
return fn(handlerEvent);
|
|
}
|
|
};
|
|
return handler;
|
|
}, deps);
|
|
useEvent(event, useMemoHandler, target, options);
|
|
};
|
|
export default useKey;
|