redux-connected-devtools 0.0.15 → 1.0.2

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;

package/lib/hooks/useList.js

@@ -1,79 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useList = void 0;
-var tslib_1 = require("tslib");
-var react_1 = require("react");
-var useUpdate_1 = tslib_1.__importDefault(require("./useUpdate"));
-var hookState_1 = require("./misc/hookState");
-function useList(initialList) {
-    if (initialList === void 0) { initialList = []; }
-    var list = react_1.useRef(hookState_1.resolveHookState(initialList));
-    var update = useUpdate_1.default();
-    var actions = react_1.useMemo(function () {
-        var a = {
-            set: function (newList) {
-                list.current = hookState_1.resolveHookState(newList, list.current);
-                update();
-            },
-            push: function () {
-                var items = [];
-                for (var _i = 0; _i < arguments.length; _i++) {
-                    items[_i] = arguments[_i];
-                }
-                items.length && actions.set(function (curr) { return curr.concat(items); });
-            },
-            updateAt: function (index, item) {
-                actions.set(function (curr) {
-                    var arr = curr.slice();
-                    arr[index] = item;
-                    return arr;
-                });
-            },
-            insertAt: function (index, item) {
-                actions.set(function (curr) {
-                    var arr = curr.slice();
-                    index > arr.length ? (arr[index] = item) : arr.splice(index, 0, item);
-                    return arr;
-                });
-            },
-            update: function (predicate, newItem) {
-                actions.set(function (curr) { return curr.map(function (item) { return (predicate(item, newItem) ? newItem : item); }); });
-            },
-            updateFirst: function (predicate, newItem) {
-                var index = list.current.findIndex(function (item) { return predicate(item, newItem); });
-                index >= 0 && actions.updateAt(index, newItem);
-            },
-            upsert: function (predicate, newItem) {
-                var index = list.current.findIndex(function (item) { return predicate(item, newItem); });
-                index >= 0 ? actions.updateAt(index, newItem) : actions.push(newItem);
-            },
-            sort: function (compareFn) {
-                actions.set(function (curr) { return curr.slice().sort(compareFn); });
-            },
-            filter: function (callbackFn, thisArg) {
-                actions.set(function (curr) { return curr.slice().filter(callbackFn, thisArg); });
-            },
-            removeAt: function (index) {
-                actions.set(function (curr) {
-                    var arr = curr.slice();
-                    arr.splice(index, 1);
-                    return arr;
-                });
-            },
-            clear: function () {
-                actions.set([]);
-            },
-            reset: function () {
-                actions.set(hookState_1.resolveHookState(initialList).slice());
-            },
-        };
-        /**
-         * @deprecated Use removeAt method instead
-         */
-        a.remove = a.removeAt;
-        return a;
-    }, []);
-    return [list.current, actions];
-}
-exports.useList = useList;
-exports.default = useList;

package/lib/hooks/useLocalstorage.d.ts

@@ -1,10 +0,0 @@
-import { Dispatch, SetStateAction } from 'react';
-declare type parserOptions<T> = {
-    raw: true;
-} | {
-    raw: false;
-    serializer: (value: T) => string;
-    deserializer: (value: string) => T;
-};
-export declare const useLocalstorage: <T>(key: string, initialValue?: T | undefined, options?: parserOptions<T> | undefined) => [T | undefined, Dispatch<SetStateAction<T | undefined>>, () => void];
-export default useLocalstorage;

package/lib/hooks/useLocalstorage.js

@@ -1,79 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLocalstorage = void 0;
-var react_1 = require("react");
-var util_1 = require("./misc/util");
-var useLocalstorage = function (key, initialValue, options) {
-    if (!util_1.isBrowser) {
-        return [initialValue, util_1.noop, util_1.noop];
-    }
-    if (!key) {
-        throw new Error('useLocalStorage key may not be falsy');
-    }
-    var deserializer = options ? (options.raw ? function (value) { return value; } : options.deserializer) : JSON.parse;
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    var initializer = react_1.useRef(function (key) {
-        try {
-            var serializer = options ? (options.raw ? String : options.serializer) : JSON.stringify;
-            var localStorageValue = localStorage.getItem(key);
-            if (localStorageValue !== null) {
-                return deserializer(localStorageValue);
-            }
-            else {
-                initialValue && localStorage.setItem(key, serializer(initialValue));
-                return initialValue;
-            }
-        }
-        catch (_a) {
-            // If user is in private mode or has storage restriction
-            // localStorage can throw. JSON.parse and JSON.stringify
-            // can throw, too.
-            return initialValue;
-        }
-    });
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    var _a = react_1.useState(function () { return initializer.current(key); }), state = _a[0], setState = _a[1];
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    react_1.useLayoutEffect(function () { return setState(initializer.current(key)); }, [key]);
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    var set = react_1.useCallback(function (valOrFunc) {
-        try {
-            var newState = typeof valOrFunc === 'function' ? valOrFunc(state) : valOrFunc;
-            if (typeof newState === 'undefined')
-                return;
-            var value = void 0;
-            if (options)
-                if (options.raw)
-                    if (typeof newState === 'string')
-                        value = newState;
-                    else
-                        value = JSON.stringify(newState);
-                else if (options.serializer)
-                    value = options.serializer(newState);
-                else
-                    value = JSON.stringify(newState);
-            else
-                value = JSON.stringify(newState);
-            localStorage.setItem(key, value);
-            setState(deserializer(value));
-        }
-        catch (_a) {
-            // If user is in private mode or has storage restriction
-            // localStorage can throw. Also JSON.stringify can throw.
-        }
-    }, [key, setState]);
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    var remove = react_1.useCallback(function () {
-        try {
-            localStorage.removeItem(key);
-            setState(undefined);
-        }
-        catch (_a) {
-            // If user is in private mode or has storage restriction
-            // localStorage can throw.
-        }
-    }, [key, setState]);
-    return [state, set, remove];
-};
-exports.useLocalstorage = useLocalstorage;
-exports.default = exports.useLocalstorage;

package/lib/hooks/usePanels.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-export interface PanelState {
-    guid: string;
-    isWide?: boolean;
-}
-export interface PanelChildProps {
-    id: string;
-    isWide: boolean;
-}
-export declare function usePanels(Cmp: (props: any) => JSX.Element): JSX.Element;

package/lib/hooks/usePanels.js

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePanels = void 0;
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var Panel_1 = require("../components/Panel/Panel");
-var react_1 = require("react");
-var react_use_1 = require("react-use");
-var localStorage_1 = require("../utils/localStorage");
-function uuidv4() {
-    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
-        var r = (Math.random() * 16) | 0, v = c === 'x' ? r : (r & 0x3) | 0x8;
-        return v.toString(16);
-    });
-}
-function usePanels(Cmp) {
-    var _a = react_use_1.useLocalStorage('PANELS_STATE', []), savedList = _a[0], setSavedList = _a[1];
-    var _b = react_use_1.useList(savedList), list = _b[0], _c = _b[1], push = _c.push, updateAt = _c.updateAt, removeAt = _c.removeAt;
-    react_1.useEffect(function () {
-        setSavedList(list);
-    }, [list, setSavedList]);
-    react_use_1.useKey('`', function (ev) {
-        if (ev.ctrlKey) {
-            localStorage_1.loadPanelsArrangement();
-        }
-        else {
-            add();
-        }
-    });
-    var add = react_1.useCallback(function () {
-        var guid = uuidv4();
-        push({ guid: guid });
-    }, [push]);
-    var remove = react_1.useCallback(function (guid) {
-        var index = list.findIndex(function (item) { return item.guid === guid; });
-        removeAt(index);
-    }, [removeAt, list]);
-    var onToggleSize = react_1.useCallback(function (guid, isWide) {
-        var index = list.findIndex(function (item) { return item.guid === guid; });
-        var updatedItem = tslib_1.__assign(tslib_1.__assign({}, list[index]), { isWide: isWide });
-        updateAt(index, updatedItem);
-    }, [list, updateAt]);
-    var fullJsx = react_1.useMemo(function () { return (React.createElement(React.Fragment, null, list.map(function (panelState) { return (React.createElement(Panel_1.Panel, { id: panelState.guid, isWide: panelState.isWide, key: panelState.guid, onToggleSize: function (isWide) {
-            return onToggleSize(panelState.guid, isWide);
-        }, onNew: add, onClose: function () { return remove(panelState.guid); }, showDuplicate: true, showLock: true },
-        React.createElement(Cmp, { isWide: panelState.isWide, id: panelState.guid }))); }))); }, [list, Cmp, add, remove, onToggleSize]);
-    return fullJsx;
-}
-exports.usePanels = usePanels;

package/lib/hooks/useSetState.d.ts

@@ -1,2 +0,0 @@
-export declare const useSetState: <T extends object>(initialState?: T) => [T, (patch: Partial<T> | ((prevState: T) => Partial<T>)) => void];
-export default useSetState;

package/lib/hooks/useSetState.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSetState = void 0;
-var react_1 = require("react");
-var useSetState = function (initialState) {
-    if (initialState === void 0) { initialState = {}; }
-    var _a = react_1.useState(initialState), state = _a[0], set = _a[1];
-    var setState = react_1.useCallback(function (patch) {
-        set(function (prevState) { return Object.assign({}, prevState, patch instanceof Function ? patch(prevState) : patch); });
-    }, []);
-    return [state, setState];
-};
-exports.useSetState = useSetState;
-exports.default = exports.useSetState;

package/lib/hooks/useToggle.d.ts

@@ -1,2 +0,0 @@
-export declare const useToggle: (initialValue: boolean) => [boolean, (nextValue?: any) => void];
-export default useToggle;

package/lib/hooks/useToggle.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useToggle = void 0;
-var react_1 = require("react");
-var toggleReducer = function (state, nextValue) { return (typeof nextValue === 'boolean' ? nextValue : !state); };
-var useToggle = function (initialValue) {
-    return react_1.useReducer(toggleReducer, initialValue);
-};
-exports.useToggle = useToggle;
-exports.default = exports.useToggle;

package/lib/hooks/useUpdate.d.ts

@@ -1 +0,0 @@
-export default function useUpdate(): () => void;

package/lib/hooks/useUpdate.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
-var updateReducer = function (num) { return (num + 1) % 1000000; };
-function useUpdate() {
-    var _a = react_1.useReducer(updateReducer, 0), update = _a[1];
-    return update;
-}
-exports.default = useUpdate;