redux-connected-devtools 0.0.13 → 1.0.2

package/lib/components/Preview/Preview.css.map

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

package/lib/components/Preview/Preview.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import { Action } from 'redux-store-generator';
-import { Log } from 'redux-connected';
-import { ApiRequest, SagaState } from 'redux-connected';
-export declare type PreviewType = 'request' | 'log' | 'process';
-declare type PreviewItem = ApiRequest | Log | SagaState;
-export declare type PreviewAction = Action & {
-    type: 'PREVIEW';
-    payload: {
-        item: PreviewItem;
-        previewType: PreviewType;
-    };
-};
-export declare const preview: (item: PreviewItem, previewType: PreviewType) => PreviewAction;
-declare type PreviewProps = {
-    isWide: boolean;
-};
-export declare function Preview(props: PreviewProps): JSX.Element;
-export default Preview;

package/lib/components/Preview/Preview.js

@@ -1,64 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Preview = exports.preview = 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 redux_connected_1 = require("redux-connected");
-var prefix_1 = tslib_1.__importDefault(require("../prefix"));
-var preview = function (item, previewType) { return ({
-    type: 'PREVIEW',
-    payload: {
-        item: item,
-        previewType: previewType,
-    },
-}); };
-exports.preview = preview;
-function Preview(props) {
-    var isWide = props.isWide;
-    var previews = redux_connected_1.useMonitor({ onlyLast: true }, function (action) { return action.type === 'PREVIEW'; })[0];
-    function renderInner(reading) {
-        if (!reading) {
-            return React.createElement(NoPreview, null);
-        }
-        var payload = reading.action.payload;
-        var _a = payload || {}, item = _a.item, previewType = _a.previewType;
-        switch (previewType) {
-            case 'request':
-                return React.createElement(PreviewRequest, { item: item });
-            case 'log':
-                return React.createElement(PreviewLog, { item: item });
-            case 'process':
-                return React.createElement(PreviewProcess, { item: item });
-        }
-    }
-    var className = classnames_1.default(prefix_1.default + "Preview-container", {
-        wide: isWide,
-    });
-    return React.createElement("div", { className: className }, renderInner(previews[0]));
-}
-exports.Preview = Preview;
-function NoPreview() {
-    return React.createElement("div", { className: prefix_1.default + "NoPreview-container" }, "No preview");
-}
-function PreviewRequest(props) {
-    var item = props.item;
-    var data = redux_connected_1.clearMeta(item);
-    data = redux_connected_1.clearActionP(data);
-    return (React.createElement("div", { className: prefix_1.default + "PreviewRequest-container" },
-        React.createElement(Json_1.default, { value: data })));
-}
-function PreviewLog(props) {
-    var item = props.item;
-    var data = redux_connected_1.clearMeta(item);
-    return (React.createElement("div", { className: prefix_1.default + "PreviewLog-container" },
-        React.createElement(Json_1.default, { value: data })));
-}
-function PreviewProcess(props) {
-    var item = props.item;
-    var data = redux_connected_1.clearMeta(item);
-    return (React.createElement("div", { className: prefix_1.default + "PreviewLog-container" },
-        React.createElement(Json_1.default, { value: data })));
-}
-exports.default = Preview;

package/lib/components/Reading.css

@@ -1,107 +0,0 @@
-.__devtools__Rows-container .__devtools__Reading-container {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding: 5px 10px;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-}
-.__devtools__Rows-container .__devtools__Reading-container .col:first-child {
-  flex: 1;
-}
-.__devtools__Rows-container .__devtools__Reading-container .col .row {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-}
-.__devtools__Rows-container .__devtools__Reading-container .path {
-  font-size: 17px;
-  color: #eee;
-  max-width: 180px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-}
-.__devtools__Rows-container .__devtools__Reading-container .sequence {
-  border: 1px solid #666;
-  color: #eee;
-  border-radius: 4px;
-  width: 20px;
-  text-align: center;
-  font-size: 11px;
-  margin-right: 5px;
-}
-.__devtools__Rows-container .__devtools__Reading-container .badge {
-  padding: 0 3px;
-  background-color: #445;
-  border-radius: 4px;
-  text-align: center;
-  font-size: 11px;
-  margin-right: 5px;
-}
-.__devtools__Rows-container .__devtools__Reading-container .message {
-  color: #444;
-  border-radius: 4px;
-  text-align: center;
-  font-size: 14px;
-  margin-right: 5px;
-}
-.__devtools__Rows-container .__devtools__Reading-container .description {
-  font-size: 12px;
-  color: rgba(255, 255, 255, 0.6);
-  max-width: 260px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-}
-.__devtools__Rows-container .__devtools__Reading-container .description.short {
-  font-size: 11px;
-  max-width: 190px;
-}
-.__devtools__Rows-container .__devtools__Reading-container .type {
-  font-size: 13px;
-}
-.__devtools__Rows-container .__devtools__Reading-container .path {
-  color: #eee;
-}
-.__devtools__Rows-container .__devtools__Reading-container .timeAgo {
-  font-size: 12px;
-  color: rgba(255, 255, 255, 0.8);
-  color: gold;
-}
-.__devtools__Rows-container .__devtools__Reading-container .timestamp {
-  font-size: 13px;
-  color: #eee;
-  font-weight: 500;
-  font-family: monospace;
-  text-align: right;
-}
-.__devtools__Rows-container .__devtools__Reading-container .id {
-  font-size: 13px;
-  color: #eee;
-  font-family: monospace;
-  text-align: right;
-}
-.__devtools__Rows-container .__devtools__Reading-container.disabled .title {
-  color: rgba(255, 255, 255, 0.5);
-}
-.__devtools__Rows-container .__devtools__Reading-container.disabled .timestamp {
-  color: rgba(255, 255, 255, 0.3);
-}
-.__devtools__Rows-container .__devtools__Reading-container.disabled .description {
-  color: rgba(255, 255, 255, 0.3);
-}
-.__devtools__Rows-container.wide .__devtools__Reading-container .description {
-  max-width: 660px;
-}
-.__devtools__Rows-container.wide .__devtools__Reading-container .description.short {
-  font-size: 11px;
-  max-width: 190px;
-}
-.__devtools__Rows-container.selectable .__devtools__Reading-container {
-  cursor: pointer;
-}
-.__devtools__Rows-container.selectable .__devtools__Reading-container:hover {
-  background-color: rgba(255, 255, 255, 0.05);
-}
-
-/*# sourceMappingURL=Reading.css.map */

package/lib/components/Reading.css.map

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

package/lib/components/Redux/Redux.css

@@ -1,86 +0,0 @@
-.__devtools__Redux-container {
-  display: flex;
-  flex-direction: row;
-  align-items: stretch;
-  flex: 1;
-  width: 350px;
-  height: 390px;
-}
-.__devtools__Redux-container.wide {
-  width: 750px;
-  height: 733px;
-}
-.__devtools__Redux-container .filters {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  background-color: rgba(255, 255, 255, 0.03);
-  position: relative;
-}
-.__devtools__Redux-container .filters .search {
-  flex: 1;
-  font-size: 16px;
-  height: 32px;
-  padding: 0 10px;
-  border: none;
-  background-color: transparent;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
-  outline: none;
-  color: rgba(255, 255, 255, 0.75);
-}
-.__devtools__Redux-container .filters .search:focus {
-  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
-}
-.__devtools__Redux-container .filters .icon {
-  position: absolute;
-  right: 8px;
-  cursor: pointer;
-  color: rgba(255, 255, 255, 0.5);
-  font-size: 13px;
-}
-.__devtools__Redux-container .filters .icon:hover {
-  color: dodgerblue;
-}
-.__devtools__Redux-container .list {
-  flex: 1;
-}
-.__devtools__Redux-container .details {
-  background-color: rgba(255, 255, 255, 0.02);
-  flex: 1;
-  display: none;
-  flex-direction: column;
-  border-left: 1px solid rgba(255, 255, 255, 0.1);
-}
-.__devtools__Redux-container .details .action {
-  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-  flex: 2;
-  padding: 10px;
-  overflow: auto;
-  position: relative;
-}
-.__devtools__Redux-container .details .state {
-  flex: 3;
-  padding: 10px;
-  overflow: auto;
-  position: relative;
-}
-.__devtools__Redux-container .details label {
-  position: absolute;
-  right: 0;
-  top: 0;
-  background-color: rgba(255, 255, 255, 0.1);
-  padding: 3px;
-  width: 50px;
-  text-align: center;
-  font-size: 11px;
-  z-index: 2;
-}
-.__devtools__Redux-container.wide .list {
-  flex: 1;
-  max-width: 280px;
-}
-.__devtools__Redux-container.wide .details {
-  display: flex;
-}
-
-/*# sourceMappingURL=Redux.css.map */

package/lib/components/Redux/Redux.css.map

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

package/lib/components/Redux/Redux.d.ts

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

package/lib/components/Redux/Redux.js

@@ -1,77 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Redux = void 0;
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var selectors = tslib_1.__importStar(require("../../selectors/selectors"));
-var classnames_1 = tslib_1.__importDefault(require("classnames"));
-var Json_1 = tslib_1.__importDefault(require("../Json/Json"));
-var filter_1 = require("../../utils/filter");
-var redux_connected_1 = require("redux-connected");
-var react_use_1 = require("react-use");
-var react_redux_1 = require("react-redux");
-var react_1 = require("react");
-var VirtualList_1 = tslib_1.__importDefault(require("../VirtualList/VirtualList"));
-var prefix_1 = tslib_1.__importDefault(require("../prefix"));
-var now = new Date().getTime();
-function Redux(props) {
-    var actionTypes = react_redux_1.useSelector(selectors.$actionTypes);
-    var readings = redux_connected_1.useMonitor({ monitorState: true })[0];
-    var _a = react_use_1.useBoolean(false), _showFiltersDialog = _a[0], _toggleFilterDialog = _a[1];
-    var _b = react_1.useState(), currentReading = _b[0], setCurrentReading = _b[1];
-    var _c = react_use_1.useLocalStorage('REDUX_FILTERS', {}), filters = _c[0], _setFilters = _c[1];
-    var isWide = props.isWide;
-    var filteredReading = filter_1.filterReadings(readings, filters || {}, actionTypes);
-    function renderList() {
-        var height = isWide ? 700 : 288;
-        var className = classnames_1.default(prefix_1.default + "Redux-list-container", prefix_1.default + "Rows-container", {
-            wide: isWide,
-        });
-        return (React.createElement(VirtualList_1.default, { className: className, items: filteredReading, height: height, onClick: setCurrentReading }, ReduxRow));
-    }
-    function renderDetails() {
-        var _a = (currentReading || {}), action = _a.action, state = _a.state;
-        return (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: "action" },
-                React.createElement("label", null, "action"),
-                React.createElement(Json_1.default, { value: action })),
-            React.createElement("div", { className: "state" },
-                React.createElement("label", null, "state"),
-                React.createElement(Json_1.default, { collapsed: true, value: state }))));
-    }
-    function renderFilters() {
-        return (React.createElement("div", { className: "filters" },
-            React.createElement("input", { className: "search", placeholder: "search..." })));
-    }
-    var className = classnames_1.default(prefix_1.default + "Redux-container", {
-        wide: isWide,
-    });
-    return (React.createElement("div", { className: className },
-        React.createElement("div", { className: "list" },
-            renderFilters(),
-            renderList()),
-        React.createElement("div", { className: "details" }, renderDetails())));
-}
-exports.Redux = Redux;
-var ReduxRow = function (props) {
-    var index = props.index;
-    var listItem = props.data[index];
-    var reading = listItem.item;
-    var action = reading.action, meta = reading.meta;
-    var _a = action || {}, type = _a.type, payload = _a.payload;
-    var createdTS = meta.createdTS, shortId = meta.shortId;
-    var className = classnames_1.default(prefix_1.default + "Reading-container", {});
-    var delta = ((createdTS - now) / 1000).toFixed(2);
-    return (React.createElement("div", { className: className, style: props.style, onClick: listItem.onClick },
-        React.createElement("div", { className: "col" },
-            React.createElement("div", { className: "row" },
-                React.createElement("div", { className: "type" }, type)),
-            React.createElement("div", { className: "description short" }, JSON.stringify(payload))),
-        React.createElement("div", { className: "col" },
-            React.createElement("div", { className: "timestamp" },
-                "+",
-                delta,
-                "s"),
-            React.createElement("div", { className: "id" }, shortId))));
-};
-exports.default = Redux;

package/lib/components/ReduxSettings/ReduxSettings.css

@@ -1,10 +0,0 @@
-.__devtools__ReduxSettings-container .row {
-  margin-top: 20px;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  padding-right: 50px;
-}
-
-/*# sourceMappingURL=ReduxSettings.css.map */

package/lib/components/ReduxSettings/ReduxSettings.css.map

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

package/lib/components/ReduxSettings/ReduxSettings.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-export declare type SavedFilters = Record<string, boolean>;
-declare type ReduxSettingsProps = {
-    filters?: SavedFilters;
-    setFilters(filters: SavedFilters): void;
-    onDismiss(): void;
-};
-export declare function ReduxSettings(props: ReduxSettingsProps): JSX.Element;
-export default ReduxSettings;

package/lib/components/ReduxSettings/ReduxSettings.js

@@ -1,64 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReduxSettings = void 0;
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var react_1 = require("react");
-var react_2 = require("@fluentui/react");
-var reduxFilterOptions_1 = require("../../data/reduxFilterOptions");
-var prefix_1 = tslib_1.__importDefault(require("../prefix"));
-function ReduxSettings(props) {
-    var filters = props.filters, setFilters = props.setFilters;
-    var _a = react_1.useState(), selectedPreset = _a[0], setSelectedPreset = _a[1];
-    react_1.useEffect(function () {
-        refreshPreset(filters || {});
-    }, [filters]);
-    function refreshPreset(newFilters) {
-        var preset = reduxFilterOptions_1.findPreset(newFilters);
-        setSelectedPreset(preset.key);
-    }
-    function onToggle(id, isChecked) {
-        var _a;
-        if (typeof isChecked !== 'undefined') {
-            var newFilters = tslib_1.__assign(tslib_1.__assign({}, filters), (_a = {}, _a[id] = isChecked, _a));
-            setFilters(newFilters);
-        }
-    }
-    var onPresetChange = function (_event, item) {
-        var preset = item;
-        var _a = preset || {}, isCustom = _a.isCustom, _b = _a.selectedItems, selectedItems = _b === void 0 ? [] : _b;
-        if (item) {
-            setSelectedPreset(item.key);
-        }
-        if (isCustom)
-            return;
-        var newFilters = selectedItems.reduce(function (output, key) {
-            var _a;
-            return (tslib_1.__assign(tslib_1.__assign({}, output), (_a = {}, _a[key] = true, _a)));
-        }, {});
-        setFilters(newFilters);
-    };
-    function renderCheckbox(option) {
-        var id = option.id, label = option.label;
-        var isChecked = (filters || {})[id];
-        return (React.createElement(react_2.Checkbox, { key: id + isChecked, label: label, checked: isChecked, onChange: function (_ev, isChecked) { return onToggle(id, isChecked); } }));
-    }
-    return (React.createElement("div", { className: prefix_1.default + "ReduxSettings-container" },
-        React.createElement(react_2.Dialog, { minWidth: 400, onDismiss: props.onDismiss, hidden: false, dialogContentProps: {
-                type: react_2.DialogType.largeHeader,
-                showCloseButton: true,
-                title: 'Filter Actions',
-                className: prefix_1.default + "ReduxSettings-container",
-            }, modalProps: {
-                isBlocking: false,
-            } },
-            React.createElement("div", null,
-                React.createElement(react_2.Dropdown, { selectedKey: selectedPreset, onChange: onPresetChange, placeholder: "Load a preset", options: reduxFilterOptions_1.presets })),
-            React.createElement("div", { className: "row" },
-                React.createElement(react_2.Stack, { tokens: { childrenGap: 10 } }, reduxFilterOptions_1.readingsFilters.filter(function (option) { return option.isShow; }).map(function (option) { return renderCheckbox(option); })),
-                React.createElement(react_2.Stack, { tokens: { childrenGap: 10 } }, reduxFilterOptions_1.readingsFilters.filter(function (option) { return !option.isShow; }).map(function (option) { return renderCheckbox(option); }))),
-            React.createElement(react_2.DialogFooter, null,
-                React.createElement(react_2.DefaultButton, { onClick: props.onDismiss, text: "Close" })))));
-}
-exports.ReduxSettings = ReduxSettings;
-exports.default = ReduxSettings;

package/lib/components/Requests/Requests.css

@@ -1,8 +0,0 @@
-.__devtools__Requests-container .__devtools__Reading-container .status {
-  padding-right: 5px;
-}
-.__devtools__Requests-container .__devtools__Reading-container .status.error {
-  color: red;
-}
-
-/*# sourceMappingURL=Requests.css.map */

package/lib/components/Requests/Requests.css.map

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

package/lib/components/Requests/Requests.d.ts

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

package/lib/components/Requests/Requests.js

@@ -1,66 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Requests = void 0;
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var VirtualList_1 = tslib_1.__importDefault(require("../VirtualList/VirtualList"));
-var classnames_1 = tslib_1.__importDefault(require("classnames"));
-var selectors = tslib_1.__importStar(require("../../selectors/selectors"));
-var lodash_1 = require("lodash");
-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"));
-var now = new Date().getTime();
-function Requests(props) {
-    var dispatch = react_redux_1.useDispatch();
-    var requests = react_redux_1.useSelector(selectors.$requestsRaw);
-    var isWide = props.isWide;
-    function onClick(request) {
-        dispatch(Preview_1.preview(request, 'request'));
-    }
-    var className = classnames_1.default(prefix_1.default + "Logs-container", prefix_1.default + "Rows-container", {
-        wide: isWide,
-    });
-    var height = isWide ? 735 : 325;
-    return (React.createElement("div", { className: prefix_1.default + "Requests-container" },
-        React.createElement(VirtualList_1.default, { className: className, items: requests, height: height, onClick: onClick }, RequestRow)));
-}
-exports.Requests = Requests;
-var RequestRow = function (props) {
-    var index = props.index;
-    var listItem = props.data[index];
-    var apiRequest = listItem.item;
-    var meta = apiRequest.meta, method = apiRequest.method, path = apiRequest.path, params = apiRequest.params, status = apiRequest.status, errorType = apiRequest.errorType, errorStatus = apiRequest.errorStatus;
-    var createdTS = meta.createdTS, id = meta.id, shortId = meta.shortId, sequence = meta.sequence;
-    var className = classnames_1.default(prefix_1.default + "Reading-container", {});
-    var delta = ((createdTS - now) / 1000).toFixed(2);
-    function renderStatus() {
-        var text;
-        var isError = status === types_1.ApiRequestStatus.ERROR;
-        if (isError) {
-            text = status + " (" + errorType + " " + errorStatus + ")";
-        }
-        else {
-            text = status;
-        }
-        var className = classnames_1.default('status', { error: isError });
-        return React.createElement("span", { className: className }, text);
-    }
-    return (React.createElement("div", { className: className, style: props.style, onClick: listItem.onClick, key: id },
-        React.createElement("div", { className: "col" },
-            React.createElement("div", { className: "row" },
-                React.createElement("div", { className: "sequence" }, sequence),
-                React.createElement("div", { className: "badge" }, method),
-                React.createElement("div", { className: "path", title: path }, path)),
-            React.createElement("div", { className: "description" },
-                renderStatus(),
-                lodash_1.isEmpty(params) ? '' : JSON.stringify(params))),
-        React.createElement("div", { className: "col" },
-            React.createElement("div", { className: "timestamp" },
-                "+",
-                delta,
-                "s"),
-            React.createElement("div", { className: "id" }, shortId))));
-};
-exports.default = Requests;

package/lib/components/Status/Status.css

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

package/lib/components/Status/Status.css.map

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

package/lib/components/Status/Status.d.ts

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

package/lib/components/Status/Status.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Status = 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");
-var prefix_1 = tslib_1.__importDefault(require("../prefix"));
-function Status(props) {
-    var isWide = props.isWide;
-    var status = react_redux_1.useSelector(selectors.$status);
-    var className = classnames_1.default(prefix_1.default + "Status-container", {
-        wide: isWide,
-    });
-    return (React.createElement("div", { className: className },
-        React.createElement(Json_1.default, { value: status })));
-}
-exports.Status = Status;
-exports.default = Status;

package/lib/components/TaskManager/TaskManager.css

@@ -1,9 +0,0 @@
-.__devtools__TaskManager-container {
-  color: #eee;
-  background-color: rgba(0, 0, 0, 0.2);
-}
-.__devtools__TaskManager-container .ms-Pivot {
-  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-}
-
-/*# sourceMappingURL=TaskManager.css.map */

package/lib/components/TaskManager/TaskManager.css.map

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

package/lib/components/TaskManager/TaskManager.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { PanelChildProps } from '../../hooks/usePanels';
-declare type TaskManagerProps = {
-    defaultPanelId?: string;
-    className?: string;
-};
-export declare function TaskManager(props: PanelChildProps & TaskManagerProps): JSX.Element;
-export declare function TaskManagers(): JSX.Element;
-export default TaskManagers;

package/lib/components/TaskManager/TaskManager.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TaskManagers = exports.TaskManager = void 0;
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-// import Monitor from '../Monitor/Monitor';
-// import Requests from '../Requests/Requests';
-// import Redux from '../Redux/Redux';
-// import Config from '../Config/Config';
-// import Status from '../Status/Status';
-// import Preview from '../Preview/Preview';
-// import Logs from '../Logs/Logs';
-// import Visual from '../Visual/Visual';
-// import GlobalSettings from '../GlobalSettings/GlobalSettings';
-var usePanels_1 = require("../../hooks/usePanels");
-var classnames_1 = tslib_1.__importDefault(require("classnames"));
-var prefix_1 = tslib_1.__importDefault(require("../prefix"));
-function TaskManager(props) {
-    var className = classnames_1.default(prefix_1.default + "TaskManager-container", props.className);
-    return React.createElement("div", { className: className }, "grid");
-}
-exports.TaskManager = TaskManager;
-function TaskManagers() {
-    var jsx = usePanels_1.usePanels(TaskManager);
-    return React.createElement(React.Fragment, null, jsx);
-}
-exports.TaskManagers = TaskManagers;
-exports.default = TaskManagers;