redux-connected-devtools 0.0.13 → 1.0.2

package/lib/data/reduxFilterOptions.js

@@ -1,227 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.findPreset = exports.presets = exports.readingsFilters = void 0;
-var tslib_1 = require("tslib");
-exports.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';
-        },
-    },
-];
-exports.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 = tslib_1.__spreadArray([], array1).sort();
-    var sortedArray2 = tslib_1.__spreadArray([], array2).sort();
-    return (sortedArray1.length === sortedArray2.length &&
-        sortedArray1.every(function (value, index) { return value === sortedArray2[index]; }));
-};
-var findPreset = function (filters) {
-    var checkedFilters = Object.keys(filters)
-        .filter(function (key) { return filters[key]; })
-        .sort();
-    return (exports.presets.find(function (preset) {
-        return preset && sameArray(preset.selectedItems || [], checkedFilters);
-    }) || exports.presets[0]);
-};
-exports.findPreset = findPreset;

package/lib/data/widgets.d.ts

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

package/lib/data/widgets.js

@@ -1,89 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.widgets = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
-var boxSizes_1 = require("./boxSizes");
-var Monitor_1 = tslib_1.__importDefault(require("../components/Monitor/Monitor"));
-var Requests_1 = tslib_1.__importDefault(require("../components/Requests/Requests"));
-var Redux_1 = tslib_1.__importDefault(require("../components/Redux/Redux"));
-var Config_1 = tslib_1.__importDefault(require("../components/Config/Config"));
-var Status_1 = tslib_1.__importDefault(require("../components/Status/Status"));
-var Preview_1 = tslib_1.__importDefault(require("../components/Preview/Preview"));
-var Logs_1 = tslib_1.__importDefault(require("../components/Logs/Logs"));
-var Visual_1 = tslib_1.__importDefault(require("../components/Visual/Visual"));
-var GlobalSettings_1 = tslib_1.__importDefault(require("../components/GlobalSettings/GlobalSettings"));
-exports.widgets = {
-    processes: {
-        id: 'processes',
-        widgetId: 'processes',
-        title: 'Processes',
-        description: 'Start & stop processes',
-        dimension: boxSizes_1.boxSizes[0],
-        component: react_1.default.createElement(Monitor_1.default, { isWide: false }),
-    },
-    requests: {
-        id: 'requests',
-        widgetId: 'requests',
-        title: 'Requests',
-        description: 'Monitor API requests',
-        dimension: boxSizes_1.boxSizes[0],
-        component: react_1.default.createElement(Requests_1.default, { isWide: false }),
-    },
-    redux: {
-        id: 'redux',
-        widgetId: 'redux',
-        title: 'Redux devtools',
-        description: 'Watch actions and state changes',
-        dimension: boxSizes_1.boxSizes[1],
-        component: react_1.default.createElement(Redux_1.default, { isWide: true }),
-    },
-    endpoints: {
-        id: 'endpoints',
-        widgetId: 'endpoints',
-        title: 'Endpoints Configuration',
-        description: 'Configure API for root nodes ',
-        dimension: boxSizes_1.boxSizes[0],
-        component: react_1.default.createElement(Config_1.default, { isWide: false }),
-    },
-    apiStatus: {
-        id: 'apiStatus',
-        widgetId: 'apiStatus',
-        title: 'API Status',
-        description: 'Connection status for root nodes',
-        dimension: boxSizes_1.boxSizes[0],
-        component: react_1.default.createElement(Status_1.default, { isWide: false }),
-    },
-    logs: {
-        id: 'logs',
-        widgetId: 'logs',
-        title: 'Logs',
-        description: 'Watch console logs',
-        dimension: boxSizes_1.boxSizes[0],
-        component: react_1.default.createElement(Logs_1.default, { isWide: false }),
-    },
-    visual: {
-        id: 'visual',
-        widgetId: 'visual',
-        title: 'Visual',
-        description: 'High-level requests visualization by root node',
-        dimension: boxSizes_1.boxSizes[0],
-        component: react_1.default.createElement(Visual_1.default, { isWide: false }),
-    },
-    settings: {
-        id: 'settings',
-        widgetId: 'settings',
-        title: 'Settings',
-        description: 'Global settings',
-        dimension: boxSizes_1.boxSizes[0],
-        component: react_1.default.createElement(GlobalSettings_1.default, { isWide: false }),
-    },
-    preview: {
-        id: 'preview',
-        widgetId: 'preview',
-        title: 'Preview',
-        description: 'Preview a specific datapoint',
-        dimension: boxSizes_1.boxSizes[0],
-        component: react_1.default.createElement(Preview_1.default, { isWide: false }),
-    },
-};

package/lib/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/lib/hooks/index.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useToggle = exports.useSetState = exports.useLocalstorage = exports.useList = exports.useKey = exports.useClickAway = exports.useBoolean = void 0;
-var useBoolean_1 = require("./useBoolean");
-Object.defineProperty(exports, "useBoolean", { enumerable: true, get: function () { return useBoolean_1.useBoolean; } });
-var useClickAway_1 = require("./useClickAway");
-Object.defineProperty(exports, "useClickAway", { enumerable: true, get: function () { return useClickAway_1.useClickAway; } });
-var useKey_1 = require("./useKey");
-Object.defineProperty(exports, "useKey", { enumerable: true, get: function () { return useKey_1.useKey; } });
-var useList_1 = require("./useList");
-Object.defineProperty(exports, "useList", { enumerable: true, get: function () { return useList_1.useList; } });
-var useLocalstorage_1 = require("./useLocalstorage");
-Object.defineProperty(exports, "useLocalstorage", { enumerable: true, get: function () { return useLocalstorage_1.useLocalstorage; } });
-var useSetState_1 = require("./useSetState");
-Object.defineProperty(exports, "useSetState", { enumerable: true, get: function () { return useSetState_1.useSetState; } });
-var useToggle_1 = require("./useToggle");
-Object.defineProperty(exports, "useToggle", { enumerable: true, get: function () { return useToggle_1.useToggle; } });

package/lib/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/lib/hooks/misc/hookState.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.resolveHookState = void 0;
-function resolveHookState(nextState, currentState) {
-    if (typeof nextState === 'function') {
-        return nextState.length ? nextState(currentState) : nextState();
-    }
-    return nextState;
-}
-exports.resolveHookState = resolveHookState;

package/lib/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/lib/hooks/misc/util.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isNavigator = exports.isBrowser = exports.off = exports.on = exports.noop = void 0;
-var noop = function () { };
-exports.noop = noop;
-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);
-    }
-}
-exports.on = on;
-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);
-    }
-}
-exports.off = off;
-exports.isBrowser = typeof window !== 'undefined';
-exports.isNavigator = typeof navigator !== 'undefined';

package/lib/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/lib/hooks/useBoolean.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useBoolean = void 0;
-var tslib_1 = require("tslib");
-var useToggle_1 = tslib_1.__importDefault(require("./useToggle"));
-exports.useBoolean = useToggle_1.default;
-exports.default = useToggle_1.default;

package/lib/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/lib/hooks/useClickAway.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useClickAway = void 0;
-var react_1 = require("react");
-var util_1 = require("./misc/util");
-var defaultEvents = ['mousedown', 'touchstart'];
-var useClickAway = function (ref, onClickAway, events) {
-    if (events === void 0) { events = defaultEvents; }
-    var savedCallback = react_1.useRef(onClickAway);
-    react_1.useEffect(function () {
-        savedCallback.current = onClickAway;
-    }, [onClickAway]);
-    react_1.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];
-            util_1.on(document, eventName, handler);
-        }
-        return function () {
-            for (var _i = 0, events_2 = events; _i < events_2.length; _i++) {
-                var eventName = events_2[_i];
-                util_1.off(document, eventName, handler);
-            }
-        };
-    }, [events, ref]);
-};
-exports.useClickAway = useClickAway;
-exports.default = exports.useClickAway;

package/lib/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/lib/hooks/useEvent.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
-var util_1 = require("./misc/util");
-var defaultTarget = util_1.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; }
-    react_1.useEffect(function () {
-        if (!handler) {
-            return;
-        }
-        if (!target) {
-            return;
-        }
-        if (isListenerType1(target)) {
-            util_1.on(target, name, handler, options);
-        }
-        else if (isListenerType2(target)) {
-            target.on(name, handler, options);
-        }
-        return function () {
-            if (isListenerType1(target)) {
-                util_1.off(target, name, handler, options);
-            }
-            else if (isListenerType2(target)) {
-                target.off(name, handler, options);
-            }
-        };
-    }, [name, handler, target, JSON.stringify(options)]);
-};
-exports.default = useEvent;

package/lib/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/lib/hooks/useKey.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useKey = void 0;
-var tslib_1 = require("tslib");
-var react_1 = require("react");
-var useEvent_1 = tslib_1.__importDefault(require("./useEvent"));
-var util_1 = require("./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 = util_1.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 = react_1.useMemo(function () {
-        var predicate = createKeyPredicate(key);
-        var handler = function (handlerEvent) {
-            if (predicate(handlerEvent)) {
-                return fn(handlerEvent);
-            }
-        };
-        return handler;
-    }, deps);
-    useEvent_1.default(event, useMemoHandler, target, options);
-};
-exports.useKey = useKey;
-exports.default = exports.useKey;

package/lib/hooks/useList.d.ts

@@ -1,57 +0,0 @@
-import { IHookStateInitAction, IHookStateSetAction } from './misc/hookState';
-export interface ListActions<T> {
-    /**
-     * @description Set new list instead old one
-     */
-    set: (newList: IHookStateSetAction<T[]>) => void;
-    /**
-     * @description Add item(s) at the end of list
-     */
-    push: (...items: T[]) => void;
-    /**
-     * @description Replace item at given position. If item at given position not exists it will be set.
-     */
-    updateAt: (index: number, item: T) => void;
-    /**
-     * @description Insert item at given position, all items to the right will be shifted.
-     */
-    insertAt: (index: number, item: T) => void;
-    /**
-     * @description Replace all items that matches predicate with given one.
-     */
-    update: (predicate: (a: T, b: T) => boolean, newItem: T) => void;
-    /**
-     * @description Replace first item matching predicate with given one.
-     */
-    updateFirst: (predicate: (a: T, b: T) => boolean, newItem: T) => void;
-    /**
-     * @description Like `updateFirst` bit in case of predicate miss - pushes item to the list
-     */
-    upsert: (predicate: (a: T, b: T) => boolean, newItem: T) => void;
-    /**
-     * @description Sort list with given sorting function
-     */
-    sort: (compareFn?: (a: T, b: T) => number) => void;
-    /**
-     * @description Same as native Array's method
-     */
-    filter: (callbackFn: (value: T, index?: number, array?: T[]) => boolean, thisArg?: any) => void;
-    /**
-     * @description Removes item at given position. All items to the right from removed will be shifted.
-     */
-    removeAt: (index: number) => void;
-    /**
-     * @deprecated Use removeAt method instead
-     */
-    remove: (index: number) => void;
-    /**
-     * @description Make the list empty
-     */
-    clear: () => void;
-    /**
-     * @description Reset list to initial value
-     */
-    reset: () => void;
-}
-export declare function useList<T>(initialList?: IHookStateInitAction<T[]>): [T[], ListActions<T>];
-export default useList;