redux-connected-devtools 0.0.15 → 1.0.2

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: 1370px;
-  height: 797px;
-}
-.__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: 400px;
-}
-.__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];
-    // const [showFiltersDialog, toggleFilterDialog] = useBoolean(false);
-    var _a = react_1.useState(), currentReading = _a[0], setCurrentReading = _a[1];
-    var filters = react_use_1.useLocalStorage('REDUX_FILTERS', {})[0];
-    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 : 395;
-    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: 380px;
-  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;

package/lib/components/Timeline/Timeline.css

@@ -1,5 +0,0 @@
-.__devtools__Timeline-container {
-  flex: 1;
-}
-
-/*# sourceMappingURL=Timeline.css.map */

package/lib/components/Timeline/Timeline.css.map

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

package/lib/components/Timeline/Timeline.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-declare type TimelineProps = {
-    selector: any;
-};
-export declare function Timeline(props: TimelineProps): JSX.Element | null;
-export default Timeline;

package/lib/components/Timeline/Timeline.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Timeline = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
-var react_redux_1 = require("react-redux");
-var TimelineRow_1 = tslib_1.__importDefault(require("../TimelineRow/TimelineRow"));
-var prefix_1 = tslib_1.__importDefault(require("../prefix"));
-var $i = function (i) { return i; };
-function Timeline(props) {
-    var sagas = react_redux_1.useSelector(props.selector || $i);
-    if (!Array.isArray(sagas)) {
-        return null;
-    }
-    return (react_1.default.createElement("div", { className: prefix_1.default + "Timeline-container" }, sagas.map(function (saga) { return (react_1.default.createElement(TimelineRow_1.default, { key: saga.id, saga: saga })); })));
-}
-exports.Timeline = Timeline;
-exports.default = Timeline;

package/lib/components/TimelineEvent/TimelineEvent.css

@@ -1,20 +0,0 @@
-.__devtools__TimelineEvent-container {
-  position: absolute;
-  left: 0;
-  top: 1px;
-  background-color: #5e5e5e;
-  width: 10px;
-  height: 10px;
-  border-radius: 2px;
-}
-.__devtools__TimelineEvent-container.RAW_BEAT {
-  background-color: goldenrod;
-}
-.__devtools__TimelineEvent-container.RAW_MIDI {
-  background-color: hotpink;
-}
-.__devtools__TimelineEvent-container.DATA_NEW_MOVEMENT {
-  background-color: purple;
-}
-
-/*# sourceMappingURL=TimelineEvent.css.map */

package/lib/components/TimelineEvent/TimelineEvent.css.map

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

package/lib/components/TimelineEvent/TimelineEvent.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { IEvent } from '../../types';
-declare type TimelineEventProps = {
-    event: IEvent;
-};
-export declare function TimelineEvent(props: TimelineEventProps): JSX.Element;
-export default TimelineEvent;

package/lib/components/TimelineEvent/TimelineEvent.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TimelineEvent = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
-var classnames_1 = tslib_1.__importDefault(require("classnames"));
-var prefix_1 = tslib_1.__importDefault(require("../prefix"));
-function TimelineEvent(props) {
-    var event = props.event;
-    var timestamp = event.timestamp, action = event.action;
-    var style = {
-        left: (timestamp / 1000) * 100 + 'px',
-    };
-    var className = classnames_1.default(prefix_1.default + "TimelineEvent-container", action.type);
-    return react_1.default.createElement("div", { className: className, style: style });
-}
-exports.TimelineEvent = TimelineEvent;
-exports.default = TimelineEvent;

package/lib/components/TimelineHeader/TimelineHeader.css

@@ -1,6 +0,0 @@
-.TimelineHeader-container {
-  height: 20px;
-  background-color: #222230;
-}
-
-/*# sourceMappingURL=TimelineHeader.css.map */

package/lib/components/TimelineHeader/TimelineHeader.css.map

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

package/lib/components/TimelineHeader/TimelineHeader.d.ts

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

package/lib/components/TimelineHeader/TimelineHeader.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TimelineHeader = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
-function TimelineHeader(_props) {
-    return react_1.default.createElement("div", { className: "TimelineHeader-container" });
-}
-exports.TimelineHeader = TimelineHeader;
-exports.default = TimelineHeader;

package/lib/components/TimelineRow/TimelineRow.css

@@ -1,14 +0,0 @@
-.__devtools__TimelineRow-container {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  border-top: 1px solid #191923;
-  overflow: hidden;
-}
-.__devtools__TimelineRow-container .bar {
-  position: relative;
-  flex: 1;
-  height: 13px;
-}
-
-/*# sourceMappingURL=TimelineRow.css.map */

package/lib/components/TimelineRow/TimelineRow.css.map

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

package/lib/components/TimelineRow/TimelineRow.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { ISaga } from '../../types';
-declare type TimelineRowProps = {
-    saga: ISaga;
-};
-export declare function TimelineRow(props: TimelineRowProps): JSX.Element;
-export default TimelineRow;

package/lib/components/TimelineRow/TimelineRow.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TimelineRow = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
-var TimelineEvent_1 = tslib_1.__importDefault(require("../TimelineEvent/TimelineEvent"));
-var TimelineRowHeader_1 = tslib_1.__importDefault(require("../TimelineRowHeader/TimelineRowHeader"));
-var prefix_1 = tslib_1.__importDefault(require("../prefix"));
-function TimelineRow(props) {
-    var saga = props.saga;
-    var _a = saga.items, items = _a === void 0 ? [] : _a;
-    var styleBar = {};
-    return (react_1.default.createElement("div", { className: prefix_1.default + "TimelineRow-container" },
-        react_1.default.createElement(TimelineRowHeader_1.default, { saga: saga }),
-        react_1.default.createElement("div", { className: "bar", style: styleBar }, items.map(function (event, index) { return (react_1.default.createElement(TimelineEvent_1.default, { key: index, event: event })); }))));
-}
-exports.TimelineRow = TimelineRow;
-exports.default = TimelineRow;