redux-connected-devtools 0.0.13 → 1.0.2

package/esm/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/esm/hooks/useList.js

@@ -1,74 +0,0 @@
-import { useMemo, useRef } from 'react';
-import useUpdate from './useUpdate';
-import { resolveHookState } from './misc/hookState';
-export function useList(initialList) {
-    if (initialList === void 0) { initialList = []; }
-    var list = useRef(resolveHookState(initialList));
-    var update = useUpdate();
-    var actions = useMemo(function () {
-        var a = {
-            set: function (newList) {
-                list.current = 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(resolveHookState(initialList).slice());
-            },
-        };
-        /**
-         * @deprecated Use removeAt method instead
-         */
-        a.remove = a.removeAt;
-        return a;
-    }, []);
-    return [list.current, actions];
-}
-export default useList;

package/esm/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/esm/hooks/useLocalstorage.js

@@ -1,75 +0,0 @@
-import { useCallback, useState, useRef, useLayoutEffect } from 'react';
-import { isBrowser, noop } from './misc/util';
-export var useLocalstorage = function (key, initialValue, options) {
-    if (!isBrowser) {
-        return [initialValue, noop, 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 = 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 = useState(function () { return initializer.current(key); }), state = _a[0], setState = _a[1];
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    useLayoutEffect(function () { return setState(initializer.current(key)); }, [key]);
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    var set = 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 = 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];
-};
-export default useLocalstorage;

package/esm/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/esm/hooks/usePanels.js

@@ -1,43 +0,0 @@
-import { __assign } from "tslib";
-import * as React from 'react';
-import { Panel } from '../components/Panel/Panel';
-import { useCallback, useEffect, useMemo } from 'react';
-import { useList, useLocalStorage, useKey } from 'react-use';
-import { loadPanelsArrangement } from '../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);
-    });
-}
-export function usePanels(Cmp) {
-    var _a = useLocalStorage('PANELS_STATE', []), savedList = _a[0], setSavedList = _a[1];
-    var _b = useList(savedList), list = _b[0], _c = _b[1], push = _c.push, updateAt = _c.updateAt, removeAt = _c.removeAt;
-    useEffect(function () {
-        setSavedList(list);
-    }, [list, setSavedList]);
-    useKey('`', function (ev) {
-        if (ev.ctrlKey) {
-            loadPanelsArrangement();
-        }
-        else {
-            add();
-        }
-    });
-    var add = useCallback(function () {
-        var guid = uuidv4();
-        push({ guid: guid });
-    }, [push]);
-    var remove = useCallback(function (guid) {
-        var index = list.findIndex(function (item) { return item.guid === guid; });
-        removeAt(index);
-    }, [removeAt, list]);
-    var onToggleSize = useCallback(function (guid, isWide) {
-        var index = list.findIndex(function (item) { return item.guid === guid; });
-        var updatedItem = __assign(__assign({}, list[index]), { isWide: isWide });
-        updateAt(index, updatedItem);
-    }, [list, updateAt]);
-    var fullJsx = useMemo(function () { return (React.createElement(React.Fragment, null, list.map(function (panelState) { return (React.createElement(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;
-}

package/esm/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/esm/hooks/useSetState.js

@@ -1,10 +0,0 @@
-import { useCallback, useState } from 'react';
-export var useSetState = function (initialState) {
-    if (initialState === void 0) { initialState = {}; }
-    var _a = useState(initialState), state = _a[0], set = _a[1];
-    var setState = useCallback(function (patch) {
-        set(function (prevState) { return Object.assign({}, prevState, patch instanceof Function ? patch(prevState) : patch); });
-    }, []);
-    return [state, setState];
-};
-export default useSetState;

package/esm/hooks/useToggle.d.ts

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

package/esm/hooks/useToggle.js

@@ -1,6 +0,0 @@
-import { useReducer } from 'react';
-var toggleReducer = function (state, nextValue) { return (typeof nextValue === 'boolean' ? nextValue : !state); };
-export var useToggle = function (initialValue) {
-    return useReducer(toggleReducer, initialValue);
-};
-export default useToggle;

package/esm/hooks/useUpdate.d.ts

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

package/esm/hooks/useUpdate.js

@@ -1,6 +0,0 @@
-import { useReducer } from 'react';
-var updateReducer = function (num) { return (num + 1) % 1000000; };
-export default function useUpdate() {
-    var _a = useReducer(updateReducer, 0), update = _a[1];
-    return update;
-}

package/esm/index.d.ts

@@ -1,3 +0,0 @@
-export { TaskManagers } from './components/TaskManager/TaskManager';
-export { Dispatcher } from './components/Dispatcher/Dispatcher';
-export { DevTools } from './components/DevTools/DevTools';

package/esm/index.js

@@ -1,3 +0,0 @@
-export { TaskManagers } from './components/TaskManager/TaskManager';
-export { Dispatcher } from './components/Dispatcher/Dispatcher';
-export { DevTools } from './components/DevTools/DevTools';

package/esm/selectors/selectors.d.ts

@@ -1,21 +0,0 @@
-import { EndpointConfig, SagaState, ApiStatus } from 'redux-connected';
-export declare const $i: (i: any) => any;
-export declare const $apiRaw: import("reselect").OutputSelector<any, any, (res: any) => any>;
-export declare const $configsRaw: import("reselect").OutputSelector<any, any, (res: any) => any>;
-export declare const $requestsRaw: import("reselect").OutputSelector<any, any, (res: any) => any>;
-export declare const $sagasRaw: import("reselect").OutputSelector<any, any, (res: any) => any>;
-export declare const $statusRaw: import("reselect").OutputSelector<any, any, (res: any) => any>;
-export declare const $globalSettingsRaw: import("reselect").OutputSelector<any, any, (res: any) => any>;
-export declare const $globalStatsRaw: import("reselect").OutputSelector<any, any, (res: any) => any>;
-export declare const $endpointsConfig: import("reselect").OutputSelector<any, Record<string, EndpointConfig>, (res: any) => Record<string, EndpointConfig>>;
-export declare const $status: import("reselect").OutputSelector<any, Record<string, ApiStatus>, (res: any) => Record<string, ApiStatus>>;
-export declare const $sagas: import("reselect").OutputSelector<any, SagaState[], (res: any) => SagaState[]>;
-export declare const $actionTypes: import("reselect").OutputSelector<any, any, (res: any) => any>;
-export declare const $nodeTypes: import("reselect").OutputSelector<any, any, (res: any) => any>;
-export declare const $settingsAndStats: import("reselect").OutputSelector<any, {
-    settings: any;
-    stats: any;
-}, (res1: any, res2: any) => {
-    settings: any;
-    stats: any;
-}>;

package/esm/selectors/selectors.js

@@ -1,20 +0,0 @@
-import { createSelector } from 'reselect';
-export var $i = function (i) { return i; };
-export var $apiRaw = createSelector($i, function (state) { return state._api; });
-export var $configsRaw = createSelector($apiRaw, function (api) { return api.endpointsConfig; });
-export var $requestsRaw = createSelector($apiRaw, function (api) { return api.requests; });
-export var $sagasRaw = createSelector($i, function (state) { return state._sagas; });
-export var $statusRaw = createSelector($apiRaw, function (api) { return api.status; });
-export var $globalSettingsRaw = createSelector($apiRaw, function (api) { return api.apiGlobalSettings; });
-export var $globalStatsRaw = createSelector($apiRaw, function (api) { return api.apiGlobalStats; });
-export var $endpointsConfig = createSelector($configsRaw, function (configs) { return configs; });
-export var $status = createSelector($statusRaw, function (state) { return state; });
-export var $sagas = createSelector($sagasRaw, function (sagas) {
-    return Object.values(sagas);
-});
-export var $actionTypes = createSelector($apiRaw, function (api) { return api.actionTypes; });
-export var $nodeTypes = createSelector($apiRaw, function (api) { return api.nodeTypes; });
-export var $settingsAndStats = createSelector($globalSettingsRaw, $globalStatsRaw, function (settings, stats) { return ({
-    settings: settings,
-    stats: stats,
-}); });

package/esm/theme/devtoolsTheme.d.ts

@@ -1,2 +0,0 @@
-declare const devtoolsThemeDark: import("@fluentui/react").Theme;
-export default devtoolsThemeDark;

package/esm/theme/devtoolsTheme.js

@@ -1,95 +0,0 @@
-import { createTheme } from '@fluentui/react';
-// const devtoolsTheme = createTheme({
-//     palette: {
-//         themePrimary: '#0078d4',
-//         themeLighterAlt: '#eff6fc',
-//         themeLighter: '#deecf9',
-//         themeLight: '#c7e0f4',
-//         themeTertiary: '#71afe5',
-//         themeSecondary: '#2b88d8',
-//         themeDarkAlt: '#106ebe',
-//         themeDark: '#005a9e',
-//         themeDarker: '#004578',
-//         neutralLighterAlt: '#faf9f8',
-//         neutralLighter: '#f3f2f1',
-//         neutralLight: '#edebe9',
-//         neutralQuaternaryAlt: '#e1dfdd',
-//         neutralQuaternary: '#d0d0d0',
-//         neutralTertiaryAlt: '#c8c6c4',
-//         neutralTertiary: '#a19f9d',
-//         neutralSecondary: '#605e5c',
-//         neutralPrimaryAlt: '#3b3a39',
-//         neutralPrimary: '#323130',
-//         neutralDark: '#201f1e',
-//         black: '#000000',
-//         white: '#ffffff',
-//     },
-//     defaultFontStyle: {
-//         fontFamily: `-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif`,
-//         fontWeight: 'regular',
-//     },
-//     fonts: {
-//         small: {
-//             fontSize: '12px',
-//         },
-//         medium: {
-//             fontSize: '14px',
-//         },
-//         large: {
-//             fontSize: '21px',
-//             fontWeight: 'semibold',
-//         },
-//         xLarge: {
-//             fontSize: '23px',
-//             fontWeight: 'semibold',
-//         },
-//     },
-// });
-var devtoolsThemeDark = createTheme({
-    palette: {
-        themePrimary: '#3a96dd',
-        themeLighterAlt: '#020609',
-        themeLighter: '#091823',
-        themeLight: '#112d43',
-        themeTertiary: '#235a85',
-        themeSecondary: '#3385c3',
-        themeDarkAlt: '#4ba0e1',
-        themeDark: '#65aee6',
-        themeDarker: '#8ac2ec',
-        accent: '#3a96dd',
-        neutralLighterAlt: '#282838',
-        neutralLighter: '#313141',
-        neutralLight: '#3f3f4f',
-        neutralQuaternaryAlt: '#484858',
-        neutralQuaternary: '#4f4f5f',
-        neutralTertiaryAlt: '#6d6d7d',
-        neutralTertiary: '#c8c8d8',
-        neutralSecondary: '#d0d0e0',
-        neutralPrimaryAlt: '#dadaea',
-        neutralPrimary: '#eeeeee',
-        neutralDark: '#e4e4e4',
-        black: '#e8e8e8',
-        white: '#1f1f2f',
-    },
-    defaultFontStyle: {
-        fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
-        fontWeight: 'regular',
-    },
-    fonts: {
-        small: {
-            fontSize: '12px',
-        },
-        medium: {
-            fontSize: '14px',
-        },
-        large: {
-            fontSize: '21px',
-            fontWeight: 'semibold',
-        },
-        xLarge: {
-            fontSize: '23px',
-            fontWeight: 'semibold',
-        },
-    },
-});
-export default devtoolsThemeDark;

package/esm/utils/filter.d.ts

@@ -1,3 +0,0 @@
-import { Reading } from 'redux-connected';
-import { ApiInfoPerType } from 'redux-store-generator';
-export declare const filterReadings: (readings: Reading[], filters: any, apiInfo: ApiInfoPerType) => Reading[];

package/esm/utils/filter.js

@@ -1,25 +0,0 @@
-import { __spreadArray } from "tslib";
-import { readingsFilters } from '../data/reduxFilterOptions';
-// import { SavedFilters } from '../components/ReduxSettings/ReduxSettings';
-export var filterReadings = function (readings, filters, apiInfo) {
-    var includes = [];
-    var excludes = [];
-    var checkedFilters = Object.keys(filters)
-        .filter(function (key) { return filters[key]; })
-        .sort();
-    checkedFilters.forEach(function (filterId) {
-        var filter = readingsFilters.find(function (f) { return f.id === filterId; });
-        if (filter) {
-            if (filter.include) {
-                includes.push(filter.include);
-            }
-            if (filter.exclude) {
-                excludes.push(filter.exclude);
-            }
-        }
-    });
-    return __spreadArray([], readings).filter(function (reading) {
-        return (includes.some(function (include) { return include(reading, apiInfo); }) &&
-            !excludes.some(function (exclude) { return exclude(reading, apiInfo); }));
-    });
-};

package/esm/utils/localStorage.d.ts

@@ -1,2 +0,0 @@
-export declare const clearPanelData: () => void;
-export declare const loadPanelsArrangement: () => void;

package/esm/utils/localStorage.js

@@ -1,21 +0,0 @@
-import { arrangement1 } from '../data/panelsArrangements';
-var PANELS_KEYS = ['PANELS_', 'PANEL_', 'TASK_MANAGER_'];
-var clearKey = function (key) {
-    localStorage.removeItem(key);
-};
-var setKey = function (key, value) {
-    localStorage.setItem(key, value);
-};
-var loadLocalStorage = function (json) {
-    Object.keys(json).forEach(function (key) { return setKey(key, json[key]); });
-};
-export var clearPanelData = function () {
-    Object.keys(localStorage)
-        .filter(function (key) { return PANELS_KEYS.some(function (panelKey) { return key.indexOf(panelKey) === 0; }); })
-        .forEach(function (key) { return clearKey(key); });
-};
-export var loadPanelsArrangement = function () {
-    clearPanelData();
-    loadLocalStorage(arrangement1);
-    document.location.reload();
-};

package/lib/components/Colors copy.css

@@ -1,3 +0,0 @@
-
-
-/*# sourceMappingURL=Colors%20copy.css.map */

package/lib/components/Colors copy.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"Colors%20copy.css"}

package/lib/components/Colors.css

@@ -1,3 +0,0 @@
-
-
-/*# sourceMappingURL=Colors.css.map */

package/lib/components/Colors.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"Colors.css"}

package/lib/components/ColorsDark.css

@@ -1,3 +0,0 @@
-
-
-/*# sourceMappingURL=ColorsDark.css.map */

package/lib/components/ColorsDark.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"ColorsDark.css"}

package/lib/components/Config/Config.css

@@ -1,15 +0,0 @@
-.__devtools__Config-container {
-  max-height: 350px;
-  overflow: auto;
-  padding: 10px;
-}
-.__devtools__Config-container pre {
-  padding: 5px 20px;
-  margin: 0;
-  color: #333;
-}
-.__devtools__Config-container.wide {
-  max-height: 710px;
-}
-
-/*# sourceMappingURL=Config.css.map */

package/lib/components/Config/Config.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["file:///Users/dht/projects/redux-connected/packages/redux-connected-devtools/src/components/Config/Config.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI","file":"Config.css"}

package/lib/components/Config/Config.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-interface ConfigProps {
-    isWide: boolean;
-}
-export declare function Config(props: ConfigProps): JSX.Element;
-export default Config;

package/lib/components/Config/Config.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Config = void 0;
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var classnames_1 = tslib_1.__importDefault(require("classnames"));
-var Json_1 = tslib_1.__importDefault(require("../Json/Json"));
-var selectors = tslib_1.__importStar(require("../../selectors/selectors"));
-var react_redux_1 = require("react-redux");
-function Config(props) {
-    var isWide = props.isWide;
-    var configs = react_redux_1.useSelector(selectors.$endpointsConfig);
-    var className = classnames_1.default('__devtools__Config-container', {
-        wide: isWide,
-    });
-    return (React.createElement("div", { className: className },
-        React.createElement(Json_1.default, { value: configs })));
-}
-exports.Config = Config;
-exports.default = Config;

package/lib/components/DevTools/DevTools.css

@@ -1,3 +0,0 @@
-
-
-/*# sourceMappingURL=DevTools.css.map */

package/lib/components/DevTools/DevTools.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"DevTools.css"}

package/lib/components/DevTools/DevTools.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-declare type DevToolsProps = {};
-export declare function DevTools(_props: DevToolsProps): JSX.Element;
-export default DevTools;

package/lib/components/DevTools/DevTools.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DevTools = void 0;
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var igrid_1 = require("igrid");
-var panels_1 = require("../../data/panels");
-var widgets_1 = require("../../data/widgets");
-function DevTools(_props) {
-    function renderPanel(id) {
-        var widget = widgets_1.widgets[id];
-        if (!widget || !widget.component) {
-            return React.createElement("div", null);
-        }
-        return React.createElement("div", { className: "panel" }, widget.component);
-    }
-    function renderInfo(_id) {
-        return (React.createElement("div", { className: "panel" }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean emper congue. Mauris eget congue magna. Aliquam aliquam lorem lectus, eget auctor nisl fringilla eu. Donec semper tincidunt nibh, a hendrerit neque posuere in. Ut a augue libero."));
-    }
-    return (React.createElement("div", { className: "ExamplePick-container" },
-        React.createElement(igrid_1.Grid, { defaultPanels: panels_1.panels, renderPanel: renderPanel, renderInfo: renderInfo, widgets: widgets_1.widgets })));
-}
-exports.DevTools = DevTools;
-exports.default = DevTools;