redux-connected-devtools 0.0.13 → 1.0.2

package/lib/components/Toggle/Toggle.css

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

package/lib/components/Toggle/Toggle.css.map

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

package/lib/components/Toggle/Toggle.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import 'react-toggle/style.css';
-import Toggle from 'react-toggle';
-declare type ToggleProps = {
-    defaultChecked: boolean;
-    onChange: () => {};
-};
-export declare function Toggle(props: ToggleProps): JSX.Element;
-export default Toggle;

package/lib/components/Toggle/Toggle.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Toggle = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
-require("react-toggle/style.css");
-var react_toggle_1 = tslib_1.__importDefault(require("react-toggle"));
-function Toggle(props) {
-    return (react_1.default.createElement("div", { className: "Toggle-container" },
-        react_1.default.createElement(react_toggle_1.default, { defaultChecked: props.defaultChecked, onChange: props.onChange })));
-}
-exports.Toggle = Toggle;
-exports.default = react_toggle_1.default;

package/lib/components/Variables.css

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

package/lib/components/Variables.css.map

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

package/lib/components/VirtualList/VirtualList.css

@@ -1,13 +0,0 @@
-.__devtools__EmptyList-container {
-  min-height: 280px;
-  padding: 20px;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  font-size: 13px;
-  color: rgba(255, 255, 255, 0.5);
-  font-weight: 100;
-}
-
-/*# sourceMappingURL=VirtualList.css.map */

package/lib/components/VirtualList/VirtualList.css.map

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

package/lib/components/VirtualList/VirtualList.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-declare type VirtualListProps = {
-    children: any;
-    items: any[];
-    className?: string;
-    height: number;
-    onClick?(item: any): void;
-};
-export declare type VirtualListRowProps = {
-    index: number;
-    style: any;
-    data: any;
-};
-export interface VirtualListItemWithEvent<T> {
-    onClick(): void;
-    item: T;
-}
-export declare function VirtualList<T>(props: VirtualListProps): JSX.Element;
-export default VirtualList;

package/lib/components/VirtualList/VirtualList.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VirtualList = void 0;
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var react_window_1 = require("react-window");
-var classnames_1 = tslib_1.__importDefault(require("classnames"));
-var prefix_1 = tslib_1.__importDefault(require("../prefix"));
-function EmptyList() {
-    return React.createElement("div", { className: prefix_1.default + "EmptyList-container" }, "Empty List");
-}
-function VirtualList(props) {
-    var items = props.items, height = props.height;
-    var selectable = typeof props.onClick === 'function';
-    var className = classnames_1.default(prefix_1.default + "VirtualList-container", props.className, {
-        selectable: selectable,
-    });
-    if (items.length === 0) {
-        return React.createElement(EmptyList, null);
-    }
-    var itemsWithClick = items.map(function (item) {
-        return {
-            onClick: function () {
-                if (props.onClick) {
-                    props.onClick(item);
-                }
-            },
-            item: item,
-        };
-    });
-    return (React.createElement("div", { className: className },
-        React.createElement(react_window_1.FixedSizeList, { height: height, itemCount: items.length, itemSize: 45, itemData: itemsWithClick, width: '100%' }, props.children)));
-}
-exports.VirtualList = VirtualList;
-exports.default = VirtualList;

package/lib/components/Visual/Visual.css

@@ -1,56 +0,0 @@
-.__devtools__Visual-container {
-  padding: 10px 10px;
-  max-height: 350px;
-  overflow: auto;
-}
-.__devtools__Visual-container.wide {
-  max-height: 710px;
-}
-.__devtools__Visual-container .request {
-  width: 20px;
-  height: 20px;
-  margin: 2px;
-  float: left;
-  border-radius: 3px;
-  font-size: 10px;
-  line-height: 20px;
-  text-align: center;
-  cursor: pointer;
-  background-color: gray;
-  border: 1px solid gray;
-  color: #333;
-}
-.__devtools__Visual-container .request.IDLE {
-  background-color: rgba(255, 255, 255, 0.2);
-  border: 1px solid rgba(255, 255, 255, 0.2);
-}
-.__devtools__Visual-container .request.ON_QUEUE {
-  background-color: orange;
-  border: 1px solid orange;
-}
-.__devtools__Visual-container .request.PRE_RUN {
-  background-color: orange;
-  border: 1px solid orangered;
-}
-.__devtools__Visual-container .request.RUNNING {
-  background-color: plum;
-  border: 1px solid plum;
-}
-.__devtools__Visual-container .request.SUCCESS {
-  background-color: yellowgreen;
-  border: 1px solid yellowgreen;
-}
-.__devtools__Visual-container .request.ERROR {
-  background-color: lightcoral;
-  border: 1px solid lightcoral;
-}
-.__devtools__Visual-container .request:hover {
-  border: 1px solid gray;
-}
-.__devtools__Visual-container .request:active {
-  position: relative;
-  bottom: 1px;
-  right: 1px;
-}
-
-/*# sourceMappingURL=Visual.css.map */

package/lib/components/Visual/Visual.css.map

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

package/lib/components/Visual/Visual.d.ts

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

package/lib/components/Visual/Visual.js

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Visual = void 0;
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var classnames_1 = tslib_1.__importDefault(require("classnames"));
-var Group_1 = tslib_1.__importDefault(require("../Group/Group"));
-var selectors = tslib_1.__importStar(require("../../selectors/selectors"));
-var react_redux_1 = require("react-redux");
-var Preview_1 = require("../Preview/Preview");
-var types_1 = require("redux-connected/lib/types/types");
-var prefix_1 = tslib_1.__importDefault(require("../prefix"));
-function Visual(props) {
-    var dispatch = react_redux_1.useDispatch();
-    var requests = react_redux_1.useSelector(selectors.$requestsRaw);
-    var configs = react_redux_1.useSelector(selectors.$endpointsConfig);
-    var nodeTypes = react_redux_1.useSelector(selectors.$nodeTypes);
-    var isWide = props.isWide;
-    function onClick(request) {
-        dispatch(Preview_1.preview(request, 'request'));
-    }
-    function renderRequests(nodeName) {
-        var requestsForNode = requests.filter(function (request) { return request.nodeName === nodeName; });
-        return requestsForNode.map(function (request) {
-            var className = classnames_1.default('request', request.status);
-            return (React.createElement("div", { key: request.meta.id, className: className, onClick: function () { return onClick(request); } }, request.meta.sequence));
-        });
-    }
-    function renderGroup(nodeName) {
-        var config = configs[nodeName];
-        if (config.connectionType !== types_1.ConnectionType.REST) {
-            return null;
-        }
-        return (React.createElement(Group_1.default, { key: nodeName, title: nodeName, isWide: isWide },
-            React.createElement(React.Fragment, null, renderRequests(nodeName))));
-    }
-    var className = classnames_1.default(prefix_1.default + "Visual-container", {
-        wide: isWide,
-    });
-    return React.createElement("div", { className: className }, Object.keys(nodeTypes).map(renderGroup));
-}
-exports.Visual = Visual;
-exports.default = Visual;

package/lib/components/prefix.d.ts

@@ -1,2 +0,0 @@
-export declare const cssPrefix = "__devtools__";
-export default cssPrefix;

package/lib/components/prefix.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cssPrefix = void 0;
-exports.cssPrefix = '__devtools__';
-exports.default = exports.cssPrefix;

package/lib/data/boxSizes.d.ts

@@ -1,2 +0,0 @@
-import { IDimension } from 'igrid';
-export declare const boxSizes: IDimension[];

package/lib/data/boxSizes.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.boxSizes = void 0;
-exports.boxSizes = [
-    {
-        x: 12,
-        y: 16,
-    },
-    {
-        x: 24,
-        y: 33,
-    },
-];

package/lib/data/dispatcherActions.d.ts

@@ -1,5 +0,0 @@
-export declare type ActionParams = Record<string, any[]>;
-export declare const SINGLE_NODE: ActionParams;
-export declare const COLLECTION_NODE: ActionParams;
-export declare const QUEUE_NODE: ActionParams;
-export declare const GROUPED_LIST_NODE: ActionParams;

package/lib/data/dispatcherActions.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GROUPED_LIST_NODE = exports.QUEUE_NODE = exports.COLLECTION_NODE = exports.SINGLE_NODE = void 0;
-exports.SINGLE_NODE = {
-    get: [{}],
-    setAll: [{ title: 'TITLE' }],
-    patch: [{ rnd: Math.random() }],
-};
-exports.COLLECTION_NODE = {
-    get: [{}],
-    setAll: [{ p1: { id: 'p1', title: 'TITLE' } }],
-    set: ['p2', { id: 'p2', title: 'TITLE' }],
-    add: [{ title: 'TITLE' }],
-    patch: ['p1', { title: 'SECOND_TITLE' }],
-    delete: ['p1'],
-};
-exports.QUEUE_NODE = {
-    get: [],
-    setAll: [{ '1': { id: '1', title: 'LOG' } }],
-    push: [{ id: '2', title: 'LOG' }],
-    pop: [],
-    clear: [],
-    pushMany: [{ '2': { id: '2', title: 'LOG' } }],
-};
-exports.GROUPED_LIST_NODE = {
-    get: [{}],
-    setAll: [{ p1: { id: 'p1', title: 'TITLE' } }],
-    set: ['p2', { id: 'p2', title: 'TITLE' }],
-    add: [{ title: 'TITLE' }],
-    patch: ['p1', { title: 'SECOND_TITLE' }],
-    delete: ['p1'],
-    getItems: ['p1'],
-    setItems: ['p1', { '1': { id: '1', title: 'LOG' } }],
-    pushItem: ['p1', { id: '2', title: 'LOG' }],
-    popItem: ['p1'],
-    clearItems: ['p1'],
-    pushManyItems: ['p1', { '2': { id: '2', title: 'LOG' } }],
-};

package/lib/data/panels.d.ts

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

package/lib/data/panels.js

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

package/lib/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/lib/data/panelsArrangements.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.arrangement1 = void 0;
-exports.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/lib/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;