redux-connected-devtools 0.0.13 → 1.0.2

package/esm/data/panels.js

@@ -1,74 +0,0 @@
-import { boxSizes } from './boxSizes';
-export var panels = {
-    p1: {
-        id: 'p1',
-        widgetId: 'processes',
-        title: 'Processes',
-        description: 'Start & stop processes',
-        dimension: boxSizes[0],
-        position: { x: 2, y: 2 },
-    },
-    p2: {
-        id: 'p2',
-        widgetId: 'requests',
-        title: 'Requests',
-        description: 'Monitor API requests',
-        dimension: boxSizes[0],
-        position: { x: 16, y: 2 },
-    },
-    p3: {
-        id: 'p3',
-        widgetId: 'redux',
-        title: 'Redux devtools',
-        description: 'Watch actions and state changes',
-        dimension: boxSizes[1],
-    },
-    p4: {
-        id: 'p4',
-        widgetId: 'endpoints',
-        title: 'Endpoints Configuration',
-        description: 'Configure API for root nodes ',
-        dimension: boxSizes[0],
-        position: { x: 30, y: 2 },
-    },
-    p5: {
-        id: 'p5',
-        widgetId: 'apiStatus',
-        title: 'API Status',
-        description: 'Connection status for root nodes',
-        dimension: boxSizes[0],
-        position: { x: 44, y: 2 },
-    },
-    p6: {
-        id: 'p6',
-        widgetId: 'logs',
-        title: 'Logs',
-        description: 'Watch console logs',
-        dimension: boxSizes[0],
-        position: { x: 2, y: 20 },
-    },
-    p7: {
-        id: 'p7',
-        widgetId: 'visual',
-        title: 'Visual',
-        description: 'High-level requests visualization by root node',
-        dimension: boxSizes[0],
-        position: { x: 16, y: 20 },
-    },
-    p8: {
-        id: 'p8',
-        widgetId: 'settings',
-        title: 'Settings',
-        description: 'Global settings',
-        dimension: boxSizes[0],
-        position: { x: 30, y: 20 },
-    },
-    p9: {
-        id: 'p9',
-        widgetId: 'preview',
-        title: 'Preview',
-        description: 'Preview a specific datapoint',
-        dimension: boxSizes[0],
-        position: { x: 44, y: 20 },
-    },
-};

package/esm/data/panelsArrangements.d.ts

@@ -1,19 +0,0 @@
-export declare const arrangement1: {
-    PANELS_STATE: string;
-    'PANEL_LOCK_dc4e0a4b-50b7-4900-adbb-2a93b9c0d826': string;
-    'PANEL_OFFSET_c607e8f8-2212-4702-9072-9f623a70cda8': string;
-    'PANEL_OFFSET_42ac4e09-1048-4758-961b-869f6fd995f3': string;
-    'PANEL_OFFSET_dc4e0a4b-50b7-4900-adbb-2a93b9c0d826': string;
-    'PANEL_OFFSET_fcc06beb-da2e-4bef-b8de-2b7754fa493f': string;
-    'PANEL_OFFSET_858c1417-cc0d-4320-9b13-002a130ebf49': string;
-    'TASK_MANAGER_c607e8f8-2212-4702-9072-9f623a70cda8': string;
-    'TASK_MANAGER_42ac4e09-1048-4758-961b-869f6fd995f3': string;
-    'TASK_MANAGER_dc4e0a4b-50b7-4900-adbb-2a93b9c0d826': string;
-    'TASK_MANAGER_fcc06beb-da2e-4bef-b8de-2b7754fa493f': string;
-    'TASK_MANAGER_858c1417-cc0d-4320-9b13-002a130ebf49': string;
-    TASK_MANAGER_1: string;
-    TASK_MANAGER_2: string;
-    TASK_MANAGER_center: string;
-    TASK_MANAGER_3: string;
-    TASK_MANAGER_4: string;
-};

package/esm/data/panelsArrangements.js

@@ -1,19 +0,0 @@
-export var arrangement1 = {
-    PANELS_STATE: '[{"guid":"858c1417-cc0d-4320-9b13-002a130ebf49","isWide":false},{"guid":"dc4e0a4b-50b7-4900-adbb-2a93b9c0d826","isWide":true},{"guid":"fcc06beb-da2e-4bef-b8de-2b7754fa493f"},{"guid":"c607e8f8-2212-4702-9072-9f623a70cda8"},{"guid":"42ac4e09-1048-4758-961b-869f6fd995f3"}]',
-    'PANEL_LOCK_dc4e0a4b-50b7-4900-adbb-2a93b9c0d826': '"YES"',
-    'PANEL_OFFSET_c607e8f8-2212-4702-9072-9f623a70cda8': '{"x":-1051,"y":-417}',
-    'PANEL_OFFSET_42ac4e09-1048-4758-961b-869f6fd995f3': '{"x":-1050,"y":-8}',
-    'PANEL_OFFSET_dc4e0a4b-50b7-4900-adbb-2a93b9c0d826': '{"x":-290,"y":-8}',
-    'PANEL_OFFSET_fcc06beb-da2e-4bef-b8de-2b7754fa493f': '{"x":73,"y":-418}',
-    'PANEL_OFFSET_858c1417-cc0d-4320-9b13-002a130ebf49': '{"x":73,"y":-8}',
-    'TASK_MANAGER_c607e8f8-2212-4702-9072-9f623a70cda8': '"preview"',
-    'TASK_MANAGER_42ac4e09-1048-4758-961b-869f6fd995f3': '"apiStatus"',
-    'TASK_MANAGER_dc4e0a4b-50b7-4900-adbb-2a93b9c0d826': '"redux"',
-    'TASK_MANAGER_fcc06beb-da2e-4bef-b8de-2b7754fa493f': '"visual"',
-    'TASK_MANAGER_858c1417-cc0d-4320-9b13-002a130ebf49': '"requests"',
-    TASK_MANAGER_1: '"preview"',
-    TASK_MANAGER_2: '"apiStatus"',
-    TASK_MANAGER_center: '"redux"',
-    TASK_MANAGER_3: '"visual"',
-    TASK_MANAGER_4: '"requests"',
-};

package/esm/data/reduxFilterOptions.d.ts

@@ -1,20 +0,0 @@
-import { Reading } from 'redux-connected';
-import { ApiInfoPerType } from 'redux-store-generator';
-export declare type IncludePredicate = (reading: Reading, apiInfo?: ApiInfoPerType) => boolean | undefined;
-export declare type ExcludePredicate = (reading: Reading, apiInfo?: ApiInfoPerType) => boolean | undefined;
-export interface ReadingsFilter {
-    id: string;
-    label: string;
-    isShow?: boolean;
-    include?: IncludePredicate;
-    exclude?: ExcludePredicate;
-}
-export interface Preset {
-    key: string;
-    text: string;
-    isCustom?: boolean;
-    selectedItems?: string[];
-}
-export declare const readingsFilters: ReadingsFilter[];
-export declare const presets: Preset[];
-export declare const findPreset: (filters: Record<string, boolean>) => Preset;

package/esm/data/reduxFilterOptions.js

@@ -1,223 +0,0 @@
-import { __spreadArray } from "tslib";
-export var readingsFilters = [
-    {
-        id: 'root',
-        label: 'Show root',
-        isShow: true,
-        include: function (reading) {
-            var action = reading.action;
-            return action['@@redux-store-generator/AUTO_GENERATED_ACTION'];
-        },
-    },
-    {
-        id: 'apiState',
-        label: 'Show API state',
-        isShow: true,
-        include: function (reading) {
-            var action = reading.action;
-            return action['@@redux-connected/STATUS_ACTION'];
-        },
-    },
-    {
-        id: 'apiConfig',
-        label: 'Show API config',
-        isShow: true,
-        include: function (reading) {
-            var action = reading.action;
-            return action['@@redux-connected/CONFIG_ACTION'];
-        },
-    },
-    {
-        id: 'sagasMessages',
-        label: 'Show sagas messages',
-        isShow: true,
-        include: function (reading) {
-            var action = reading.action;
-            return (action['@@redux-saga/SAGA_ACTION'] &&
-                action.type !== 'LOG' &&
-                !action['@@redux-store-generator/AUTO_GENERATED_ACTION']);
-        },
-    },
-    {
-        id: 'globalStats',
-        label: 'Show global stats',
-        isShow: true,
-        include: function (reading) {
-            var action = reading.action;
-            return action['@@redux-connected/GLOBAL_STATS_ACTION'];
-        },
-    },
-    {
-        id: 'globalSettings',
-        label: 'Show global settings',
-        isShow: true,
-        include: function (reading) {
-            var action = reading.action;
-            return action['@@redux-connected/GLOBAL_SETTINGS_ACTION'];
-        },
-    },
-    {
-        id: 'sagasInfo',
-        label: 'Show sagas info',
-        isShow: true,
-        include: function (reading) {
-            var action = reading.action;
-            return action['@@redux-connected/SAGA_ACTION'];
-        },
-    },
-    {
-        id: 'log',
-        label: 'Show log',
-        isShow: true,
-        include: function (reading) {
-            var action = reading.action;
-            return action.type === 'LOG';
-        },
-    },
-    {
-        id: 'hideGet',
-        label: 'Hide get',
-        exclude: function (reading, apiInfo) {
-            if (apiInfo === void 0) { apiInfo = {}; }
-            var action = reading.action;
-            var info = apiInfo[action.type];
-            return info === null || info === void 0 ? void 0 : info.isGet;
-        },
-    },
-    {
-        id: 'hidePatch',
-        label: 'Hide patch',
-        exclude: function (reading, apiInfo) {
-            if (apiInfo === void 0) { apiInfo = {}; }
-            var action = reading.action;
-            var info = apiInfo[action.type];
-            return (info === null || info === void 0 ? void 0 : info.verb) === 'patch';
-        },
-    },
-    {
-        id: 'hideSetAll',
-        label: 'Hide setAll',
-        exclude: function (reading, apiInfo) {
-            if (apiInfo === void 0) { apiInfo = {}; }
-            var action = reading.action;
-            var info = apiInfo[action.type];
-            return (info === null || info === void 0 ? void 0 : info.verb) === 'setAll';
-        },
-    },
-    {
-        id: 'hideSet',
-        label: 'Hide set',
-        exclude: function (reading, apiInfo) {
-            if (apiInfo === void 0) { apiInfo = {}; }
-            var action = reading.action;
-            var info = apiInfo[action.type];
-            return (info === null || info === void 0 ? void 0 : info.verb) === 'set';
-        },
-    },
-    {
-        id: 'hideDelete',
-        label: 'Hide delete',
-        exclude: function (reading, apiInfo) {
-            if (apiInfo === void 0) { apiInfo = {}; }
-            var action = reading.action;
-            var info = apiInfo[action.type];
-            return (info === null || info === void 0 ? void 0 : info.verb) === 'delete';
-        },
-    },
-    {
-        id: 'hidePush',
-        label: 'Hide push',
-        exclude: function (reading, apiInfo) {
-            if (apiInfo === void 0) { apiInfo = {}; }
-            var action = reading.action;
-            var info = apiInfo[action.type];
-            return (info === null || info === void 0 ? void 0 : info.verb) === 'push';
-        },
-    },
-    {
-        id: 'hidePop',
-        label: 'Hide pop',
-        exclude: function (reading, apiInfo) {
-            if (apiInfo === void 0) { apiInfo = {}; }
-            var action = reading.action;
-            var info = apiInfo[action.type];
-            return (info === null || info === void 0 ? void 0 : info.verb) === 'pop';
-        },
-    },
-    {
-        id: 'hideClear',
-        label: 'Hide clear',
-        exclude: function (reading, apiInfo) {
-            if (apiInfo === void 0) { apiInfo = {}; }
-            var action = reading.action;
-            var info = apiInfo[action.type];
-            return (info === null || info === void 0 ? void 0 : info.verb) === 'clear';
-        },
-    },
-];
-export var presets = [
-    {
-        key: 'custom',
-        text: 'Custom',
-        isCustom: true,
-    },
-    {
-        key: 'default',
-        text: 'Default',
-        selectedItems: ['root'].sort(),
-    },
-    {
-        key: 'connected',
-        text: 'Connected',
-        selectedItems: [
-            'apiState',
-            'apiConfig',
-            'sagasMessages',
-            'globalStats',
-            'globalSettings',
-            'log',
-            'sagasInfo',
-        ].sort(),
-    },
-    {
-        key: 'get',
-        text: 'GET',
-        selectedItems: [
-            'root',
-            'hidePatch',
-            'hideSetAll',
-            'hideSet',
-            'hideDelete',
-            'hidePush',
-            'hidePop',
-            'hideClear',
-        ].sort(),
-    },
-    {
-        key: 'all',
-        text: 'All',
-        selectedItems: [
-            'root',
-            'apiState',
-            'apiConfig',
-            'sagasMessages',
-            'globalStats',
-            'globalSettings',
-            'sagasInfo',
-        ].sort(),
-    },
-];
-var sameArray = function (array1, array2) {
-    var sortedArray1 = __spreadArray([], array1).sort();
-    var sortedArray2 = __spreadArray([], array2).sort();
-    return (sortedArray1.length === sortedArray2.length &&
-        sortedArray1.every(function (value, index) { return value === sortedArray2[index]; }));
-};
-export var findPreset = function (filters) {
-    var checkedFilters = Object.keys(filters)
-        .filter(function (key) { return filters[key]; })
-        .sort();
-    return (presets.find(function (preset) {
-        return preset && sameArray(preset.selectedItems || [], checkedFilters);
-    }) || presets[0]);
-};

package/esm/data/widgets.d.ts

@@ -1,2 +0,0 @@
-import { IWidget } from 'igrid';
-export declare const widgets: Record<string, IWidget>;

package/esm/data/widgets.js

@@ -1,85 +0,0 @@
-import React from 'react';
-import { boxSizes } from './boxSizes';
-import Monitor from '../components/Monitor/Monitor';
-import Requests from '../components/Requests/Requests';
-import Redux from '../components/Redux/Redux';
-import Config from '../components/Config/Config';
-import Status from '../components/Status/Status';
-import Preview from '../components/Preview/Preview';
-import Logs from '../components/Logs/Logs';
-import Visual from '../components/Visual/Visual';
-import GlobalSettings from '../components/GlobalSettings/GlobalSettings';
-export var widgets = {
-    processes: {
-        id: 'processes',
-        widgetId: 'processes',
-        title: 'Processes',
-        description: 'Start & stop processes',
-        dimension: boxSizes[0],
-        component: React.createElement(Monitor, { isWide: false }),
-    },
-    requests: {
-        id: 'requests',
-        widgetId: 'requests',
-        title: 'Requests',
-        description: 'Monitor API requests',
-        dimension: boxSizes[0],
-        component: React.createElement(Requests, { isWide: false }),
-    },
-    redux: {
-        id: 'redux',
-        widgetId: 'redux',
-        title: 'Redux devtools',
-        description: 'Watch actions and state changes',
-        dimension: boxSizes[1],
-        component: React.createElement(Redux, { isWide: true }),
-    },
-    endpoints: {
-        id: 'endpoints',
-        widgetId: 'endpoints',
-        title: 'Endpoints Configuration',
-        description: 'Configure API for root nodes ',
-        dimension: boxSizes[0],
-        component: React.createElement(Config, { isWide: false }),
-    },
-    apiStatus: {
-        id: 'apiStatus',
-        widgetId: 'apiStatus',
-        title: 'API Status',
-        description: 'Connection status for root nodes',
-        dimension: boxSizes[0],
-        component: React.createElement(Status, { isWide: false }),
-    },
-    logs: {
-        id: 'logs',
-        widgetId: 'logs',
-        title: 'Logs',
-        description: 'Watch console logs',
-        dimension: boxSizes[0],
-        component: React.createElement(Logs, { isWide: false }),
-    },
-    visual: {
-        id: 'visual',
-        widgetId: 'visual',
-        title: 'Visual',
-        description: 'High-level requests visualization by root node',
-        dimension: boxSizes[0],
-        component: React.createElement(Visual, { isWide: false }),
-    },
-    settings: {
-        id: 'settings',
-        widgetId: 'settings',
-        title: 'Settings',
-        description: 'Global settings',
-        dimension: boxSizes[0],
-        component: React.createElement(GlobalSettings, { isWide: false }),
-    },
-    preview: {
-        id: 'preview',
-        widgetId: 'preview',
-        title: 'Preview',
-        description: 'Preview a specific datapoint',
-        dimension: boxSizes[0],
-        component: React.createElement(Preview, { isWide: false }),
-    },
-};

package/esm/hooks/index.d.ts

@@ -1,7 +0,0 @@
-export { useBoolean } from './useBoolean';
-export { useClickAway } from './useClickAway';
-export { useKey } from './useKey';
-export { useList } from './useList';
-export { useLocalstorage } from './useLocalstorage';
-export { useSetState } from './useSetState';
-export { useToggle } from './useToggle';

package/esm/hooks/index.js

@@ -1,7 +0,0 @@
-export { useBoolean } from './useBoolean';
-export { useClickAway } from './useClickAway';
-export { useKey } from './useKey';
-export { useList } from './useList';
-export { useLocalstorage } from './useLocalstorage';
-export { useSetState } from './useSetState';
-export { useToggle } from './useToggle';

package/esm/hooks/misc/hookState.d.ts

@@ -1,8 +0,0 @@
-export declare type IHookStateInitialSetter<S> = () => S;
-export declare type IHookStateInitAction<S> = S | IHookStateInitialSetter<S>;
-export declare type IHookStateSetter<S> = ((prevState: S) => S) | (() => S);
-export declare type IHookStateSetAction<S> = S | IHookStateSetter<S>;
-export declare type IHookStateResolvable<S> = S | IHookStateInitialSetter<S> | IHookStateSetter<S>;
-export declare function resolveHookState<S>(nextState: IHookStateInitAction<S>): S;
-export declare function resolveHookState<S, C extends S>(nextState: IHookStateSetAction<S>, currentState?: C): S;
-export declare function resolveHookState<S, C extends S>(nextState: IHookStateResolvable<S>, currentState?: C): S;

package/esm/hooks/misc/hookState.js

@@ -1,6 +0,0 @@
-export function resolveHookState(nextState, currentState) {
-    if (typeof nextState === 'function') {
-        return nextState.length ? nextState(currentState) : nextState();
-    }
-    return nextState;
-}

package/esm/hooks/misc/util.d.ts

@@ -1,5 +0,0 @@
-export declare const noop: () => void;
-export declare function on<T extends Window | Document | HTMLElement | EventTarget>(obj: T | null, ...args: Parameters<T['addEventListener']> | [string, Function | null, ...any]): void;
-export declare function off<T extends Window | Document | HTMLElement | EventTarget>(obj: T | null, ...args: Parameters<T['removeEventListener']> | [string, Function | null, ...any]): void;
-export declare const isBrowser: boolean;
-export declare const isNavigator: boolean;

package/esm/hooks/misc/util.js

@@ -1,21 +0,0 @@
-export var noop = function () { };
-export function on(obj) {
-    var args = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        args[_i - 1] = arguments[_i];
-    }
-    if (obj && obj.addEventListener) {
-        obj.addEventListener.apply(obj, args);
-    }
-}
-export function off(obj) {
-    var args = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        args[_i - 1] = arguments[_i];
-    }
-    if (obj && obj.removeEventListener) {
-        obj.removeEventListener.apply(obj, args);
-    }
-}
-export var isBrowser = typeof window !== 'undefined';
-export var isNavigator = typeof navigator !== 'undefined';

package/esm/hooks/useBoolean.d.ts

@@ -1,3 +0,0 @@
-import _useBoolean from './useToggle';
-export declare const useBoolean: (initialValue: boolean) => [boolean, (nextValue?: any) => void];
-export default _useBoolean;

package/esm/hooks/useBoolean.js

@@ -1,3 +0,0 @@
-import _useBoolean from './useToggle';
-export var useBoolean = _useBoolean;
-export default _useBoolean;

package/esm/hooks/useClickAway.d.ts

@@ -1,3 +0,0 @@
-import { RefObject } from 'react';
-export declare const useClickAway: <E extends Event = Event>(ref: RefObject<HTMLElement | null>, onClickAway: (event: E) => void, events?: string[]) => void;
-export default useClickAway;

package/esm/hooks/useClickAway.js

@@ -1,27 +0,0 @@
-import { useEffect, useRef } from 'react';
-import { off, on } from './misc/util';
-var defaultEvents = ['mousedown', 'touchstart'];
-export var useClickAway = function (ref, onClickAway, events) {
-    if (events === void 0) { events = defaultEvents; }
-    var savedCallback = useRef(onClickAway);
-    useEffect(function () {
-        savedCallback.current = onClickAway;
-    }, [onClickAway]);
-    useEffect(function () {
-        var handler = function (event) {
-            var el = ref.current;
-            el && !el.contains(event.target) && savedCallback.current(event);
-        };
-        for (var _i = 0, events_1 = events; _i < events_1.length; _i++) {
-            var eventName = events_1[_i];
-            on(document, eventName, handler);
-        }
-        return function () {
-            for (var _i = 0, events_2 = events; _i < events_2.length; _i++) {
-                var eventName = events_2[_i];
-                off(document, eventName, handler);
-            }
-        };
-    }, [events, ref]);
-};
-export default useClickAway;

package/esm/hooks/useEvent.d.ts

@@ -1,13 +0,0 @@
-export interface ListenerType1 {
-    addEventListener(name: string, handler: (event?: any) => void, ...args: any[]): any;
-    removeEventListener(name: string, handler: (event?: any) => void, ...args: any[]): any;
-}
-export interface ListenerType2 {
-    on(name: string, handler: (event?: any) => void, ...args: any[]): any;
-    off(name: string, handler: (event?: any) => void, ...args: any[]): any;
-}
-export declare type UseEventTarget = ListenerType1 | ListenerType2;
-declare type AddEventListener<T> = T extends ListenerType1 ? T['addEventListener'] : T extends ListenerType2 ? T['on'] : never;
-export declare type UseEventOptions<T> = Parameters<AddEventListener<T>>[2];
-declare const useEvent: <T extends UseEventTarget>(name: Parameters<AddEventListener<T>>[0], handler?: Parameters<AddEventListener<T>>[1] | null | undefined, target?: Window | T | null, options?: UseEventOptions<T> | undefined) => void;
-export default useEvent;

package/esm/hooks/useEvent.js

@@ -1,35 +0,0 @@
-import { useEffect } from 'react';
-import { isBrowser, off, on } from './misc/util';
-var defaultTarget = isBrowser ? window : null;
-var isListenerType1 = function (target) {
-    return !!target.addEventListener;
-};
-var isListenerType2 = function (target) {
-    return !!target.on;
-};
-var useEvent = function (name, handler, target, options) {
-    if (target === void 0) { target = defaultTarget; }
-    useEffect(function () {
-        if (!handler) {
-            return;
-        }
-        if (!target) {
-            return;
-        }
-        if (isListenerType1(target)) {
-            on(target, name, handler, options);
-        }
-        else if (isListenerType2(target)) {
-            target.on(name, handler, options);
-        }
-        return function () {
-            if (isListenerType1(target)) {
-                off(target, name, handler, options);
-            }
-            else if (isListenerType2(target)) {
-                target.off(name, handler, options);
-            }
-        };
-    }, [name, handler, target, JSON.stringify(options)]);
-};
-export default useEvent;

package/esm/hooks/useKey.d.ts

@@ -1,12 +0,0 @@
-import { DependencyList } from 'react';
-import { UseEventOptions, UseEventTarget } from './useEvent';
-export declare type KeyPredicate = (event: KeyboardEvent) => boolean;
-export declare type KeyFilter = null | undefined | string | ((event: KeyboardEvent) => boolean);
-export declare type Handler = (event: KeyboardEvent) => void;
-export interface UseKeyOptions<T extends UseEventTarget> {
-    event?: 'keydown' | 'keypress' | 'keyup';
-    target?: T | null;
-    options?: UseEventOptions<T>;
-}
-export declare const useKey: <T extends UseEventTarget>(key: KeyFilter, fn?: Handler, opts?: UseKeyOptions<T>, deps?: DependencyList) => void;
-export default useKey;

package/esm/hooks/useKey.js

@@ -1,29 +0,0 @@
-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; };
-};
-export 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;