redux-connected-devtools 0.0.15 → 1.0.2

package/esm/components/Monitor/Monitor.js

@@ -1,54 +0,0 @@
-import * as React from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { startSaga, stopSaga, } from 'redux-connected';
-import { formatDistance } from 'date-fns';
-import classnames from 'classnames';
-import VirtualList from '../VirtualList/VirtualList';
-import * as selectors from '../../selectors/selectors';
-import { preview } from '../Preview/Preview';
-import cssPrefix from '../prefix';
-import Toggle from '../Toggle/Toggle';
-export function Monitor(props) {
-    var dispatch = useDispatch();
-    var isWide = props.isWide;
-    var sagas = useSelector(selectors.$sagas);
-    function onClick(item) {
-        dispatch(preview(item, 'process'));
-    }
-    var className = classnames(cssPrefix + "Monitor-container", cssPrefix + "Rows-container", {
-        wide: isWide,
-    });
-    var height = isWide ? 735 : 395;
-    return (React.createElement(VirtualList, { className: className, items: sagas, height: height, onClick: onClick }, SagaRow));
-}
-var SagaRow = function (props) {
-    var dispatch = useDispatch();
-    var index = props.index;
-    var listItem = props.data[index];
-    var saga = listItem.item;
-    var distanceStart = formatDistance(new Date(), new Date(saga.startedTS || 0));
-    var distanceStopped = formatDistance(new Date(), new Date(saga.stoppedTS || 0));
-    var distance = saga.isRunning ? distanceStart : distanceStopped;
-    function onChange(ev) {
-        var sagaId = saga.id;
-        var action = ev.target.checked
-            ? startSaga({ sagaId: sagaId })
-            : stopSaga({ sagaId: sagaId });
-        dispatch(action);
-    }
-    var className = classnames(cssPrefix + "Reading-container", {
-        disabled: !saga.isRunning,
-    });
-    return (React.createElement("div", { className: className, key: saga.id, style: props.style, onClick: listItem.onClick },
-        React.createElement("div", { className: "col" },
-            React.createElement("div", { className: "title" },
-                saga.id,
-                " ",
-                React.createElement("span", { className: "timeAgo" },
-                    distance,
-                    " ago")),
-            React.createElement("div", { className: "description", title: saga.description }, saga.description)),
-        React.createElement("div", { className: "col" },
-            React.createElement(Toggle, { defaultChecked: !!saga.isRunning, onChange: onChange }))));
-};
-export default Monitor;

package/esm/components/OverlayManager/OverlayManager.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-declare type OverlayManagerProps = {
-    onClose: () => void;
-};
-export declare function OverlayManager(props: OverlayManagerProps): JSX.Element;
-export default OverlayManager;

package/esm/components/OverlayManager/OverlayManager.js

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { useClickAway, useKey } from 'react-use';
-import cssPrefix from '../prefix';
-import { TaskManager } from '../TaskManager/TaskManager';
-export function OverlayManager(props) {
-    var ref = React.useRef(null);
-    useClickAway(ref, props.onClose);
-    useKey('Escape', props.onClose);
-    return (React.createElement("div", { className: cssPrefix + "OverlayManager-container" },
-        React.createElement("div", { className: "content", ref: ref },
-            React.createElement(TaskManager, { defaultPanelId: "preview", isWide: false, id: "1", className: "area area-1" }),
-            React.createElement(TaskManager, { defaultPanelId: "redux", isWide: true, id: "center", className: "area area-center" }),
-            React.createElement(TaskManager, { defaultPanelId: "visual", isWide: false, id: "2", className: "area area-2" }),
-            React.createElement(TaskManager, { defaultPanelId: "apiStatus", isWide: false, id: "3", className: "area area-3" }),
-            React.createElement(TaskManager, { defaultPanelId: "requests", isWide: false, id: "4", className: "area area-4" }))));
-}
-export default OverlayManager;

package/esm/components/Panel/Panel.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-interface PanelProps {
-    id: string;
-    children: JSX.Element;
-    onClose?: () => void;
-    onNew?: () => void;
-    onToggleSize?: (isWide: boolean) => void;
-    isWide?: boolean;
-    showDuplicate?: boolean;
-    showLock?: boolean;
-    zIndex?: number;
-}
-export declare function Panel(props: PanelProps): JSX.Element;
-export default Panel;

package/esm/components/Panel/Panel.js

@@ -1,46 +0,0 @@
-import * as React from 'react';
-import Draggable from 'react-draggable';
-import classnames from 'classnames';
-import { useLocalStorage } from 'react-use';
-import cssPrefix from '../prefix';
-export function Panel(props) {
-    var id = props.id, isWide = props.isWide, zIndex = props.zIndex;
-    var draggableRef = React.useRef(null); // https://stackoverflow.com/a/63603903
-    var _a = useLocalStorage("PANEL_OFFSET_" + id, { x: 0, y: 0 }), offset = _a[0], setOffset = _a[1], clearLocalStoragePosition = _a[2];
-    var className = classnames(cssPrefix + "Panel-container", {
-        wide: isWide,
-    });
-    var right = 100;
-    var bottom = 20;
-    var docWidth = document.documentElement.clientWidth;
-    var docHeight = document.documentElement.clientHeight;
-    var boxWidth = isWide ? 750 : 350;
-    var boxHeight = isWide ? 800 : 390;
-    var corners = {
-        left: docWidth - boxWidth - right,
-        top: docHeight - boxHeight - bottom,
-    };
-    var bounds = {
-        top: -corners.top,
-        left: -corners.left,
-        right: right,
-        bottom: bottom,
-    };
-    var handler = isWide ? undefined : '.handler';
-    function onStop(_ev, data) {
-        var x = data.x, y = data.y;
-        setOffset({ x: x, y: y });
-    }
-    function onClose() {
-        clearLocalStoragePosition();
-        if (props.onClose) {
-            props.onClose();
-        }
-    }
-    return (React.createElement(Draggable, { nodeRef: draggableRef, handle: handler, bounds: bounds, onStop: onStop, defaultPosition: offset },
-        React.createElement("div", { ref: draggableRef, className: className, style: { zIndex: zIndex } },
-            React.createElement("div", { className: "handler" },
-                React.createElement("div", { className: "close", onClick: onClose }, "X")),
-            props.children)));
-}
-export default Panel;

package/esm/components/Preview/Preview.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import { Action } from 'redux-store-generator';
-import { Log, 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/esm/components/Preview/Preview.js

@@ -1,58 +0,0 @@
-import * as React from 'react';
-import classnames from 'classnames';
-import Json from '../Json/Json';
-import { clearMeta, clearActionP, useMonitor, } from 'redux-connected';
-import cssPrefix from '../prefix';
-export var preview = function (item, previewType) { return ({
-    type: 'PREVIEW',
-    payload: {
-        item: item,
-        previewType: previewType,
-    },
-}); };
-export function Preview(props) {
-    var isWide = props.isWide;
-    var previews = 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(cssPrefix + "Preview-container", {
-        wide: isWide,
-    });
-    return React.createElement("div", { className: className }, renderInner(previews[0]));
-}
-function NoPreview() {
-    return React.createElement("div", { className: cssPrefix + "NoPreview-container" }, "No preview");
-}
-function PreviewRequest(props) {
-    var item = props.item;
-    var data = clearMeta(item);
-    data = clearActionP(data);
-    return (React.createElement("div", { className: cssPrefix + "PreviewRequest-container" },
-        React.createElement(Json, { value: data })));
-}
-function PreviewLog(props) {
-    var item = props.item;
-    var data = clearMeta(item);
-    return (React.createElement("div", { className: cssPrefix + "PreviewLog-container" },
-        React.createElement(Json, { value: data })));
-}
-function PreviewProcess(props) {
-    var item = props.item;
-    var data = clearMeta(item);
-    return (React.createElement("div", { className: cssPrefix + "PreviewLog-container" },
-        React.createElement(Json, { value: data })));
-}
-export default Preview;

package/esm/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/esm/components/Redux/Redux.js

@@ -1,72 +0,0 @@
-import * as React from 'react';
-import * as selectors from '../../selectors/selectors';
-import classnames from 'classnames';
-import Json from '../Json/Json';
-import { filterReadings } from '../../utils/filter';
-import { useMonitor } from 'redux-connected';
-import { useLocalStorage } from 'react-use';
-import { useSelector } from 'react-redux';
-import { useState } from 'react';
-import VirtualList from '../VirtualList/VirtualList';
-import cssPrefix from '../prefix';
-var now = new Date().getTime();
-export function Redux(props) {
-    var actionTypes = useSelector(selectors.$actionTypes);
-    var readings = useMonitor({ monitorState: true })[0];
-    // const [showFiltersDialog, toggleFilterDialog] = useBoolean(false);
-    var _a = useState(), currentReading = _a[0], setCurrentReading = _a[1];
-    var filters = useLocalStorage('REDUX_FILTERS', {})[0];
-    var isWide = props.isWide;
-    var filteredReading = filterReadings(readings, filters || {}, actionTypes);
-    function renderList() {
-        var height = isWide ? 700 : 288;
-        var className = classnames(cssPrefix + "Redux-list-container", cssPrefix + "Rows-container", {
-            wide: isWide,
-        });
-        return (React.createElement(VirtualList, { 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, { value: action })),
-            React.createElement("div", { className: "state" },
-                React.createElement("label", null, "state"),
-                React.createElement(Json, { collapsed: true, value: state }))));
-    }
-    function renderFilters() {
-        return (React.createElement("div", { className: "filters" },
-            React.createElement("input", { className: "search", placeholder: "search..." })));
-    }
-    var className = classnames(cssPrefix + "Redux-container", {
-        wide: isWide,
-    });
-    return (React.createElement("div", { className: className },
-        React.createElement("div", { className: "list" },
-            renderFilters(),
-            renderList()),
-        React.createElement("div", { className: "details" }, renderDetails())));
-}
-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(cssPrefix + "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))));
-};
-export default Redux;

package/esm/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/esm/components/ReduxSettings/ReduxSettings.js

@@ -1,60 +0,0 @@
-import { __assign } from "tslib";
-import * as React from 'react';
-import { useEffect, useState } from 'react';
-import { Dialog, DialogType, DialogFooter, DefaultButton, Checkbox, Stack, Dropdown, } from '@fluentui/react';
-import { findPreset, readingsFilters, presets } from '../../data/reduxFilterOptions';
-import cssPrefix from '../prefix';
-export function ReduxSettings(props) {
-    var filters = props.filters, setFilters = props.setFilters;
-    var _a = useState(), selectedPreset = _a[0], setSelectedPreset = _a[1];
-    useEffect(function () {
-        refreshPreset(filters || {});
-    }, [filters]);
-    function refreshPreset(newFilters) {
-        var preset = findPreset(newFilters);
-        setSelectedPreset(preset.key);
-    }
-    function onToggle(id, isChecked) {
-        var _a;
-        if (typeof isChecked !== 'undefined') {
-            var newFilters = __assign(__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 (__assign(__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(Checkbox, { key: id + isChecked, label: label, checked: isChecked, onChange: function (_ev, isChecked) { return onToggle(id, isChecked); } }));
-    }
-    return (React.createElement("div", { className: cssPrefix + "ReduxSettings-container" },
-        React.createElement(Dialog, { minWidth: 400, onDismiss: props.onDismiss, hidden: false, dialogContentProps: {
-                type: DialogType.largeHeader,
-                showCloseButton: true,
-                title: 'Filter Actions',
-                className: cssPrefix + "ReduxSettings-container",
-            }, modalProps: {
-                isBlocking: false,
-            } },
-            React.createElement("div", null,
-                React.createElement(Dropdown, { selectedKey: selectedPreset, onChange: onPresetChange, placeholder: "Load a preset", options: presets })),
-            React.createElement("div", { className: "row" },
-                React.createElement(Stack, { tokens: { childrenGap: 10 } }, readingsFilters.filter(function (option) { return option.isShow; }).map(function (option) { return renderCheckbox(option); })),
-                React.createElement(Stack, { tokens: { childrenGap: 10 } }, readingsFilters.filter(function (option) { return !option.isShow; }).map(function (option) { return renderCheckbox(option); }))),
-            React.createElement(DialogFooter, null,
-                React.createElement(DefaultButton, { onClick: props.onDismiss, text: "Close" })))));
-}
-export default ReduxSettings;

package/esm/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/esm/components/Requests/Requests.js

@@ -1,61 +0,0 @@
-import * as React from 'react';
-import VirtualList from '../VirtualList/VirtualList';
-import classnames from 'classnames';
-import * as selectors from '../../selectors/selectors';
-import { isEmpty } from 'lodash';
-import { useDispatch, useSelector } from 'react-redux';
-import { preview } from '../Preview/Preview';
-import { ApiRequestStatus } from 'redux-connected/lib/types/types';
-import cssPrefix from '../prefix';
-var now = new Date().getTime();
-export function Requests(props) {
-    var dispatch = useDispatch();
-    var requests = useSelector(selectors.$requestsRaw);
-    var isWide = props.isWide;
-    function onClick(request) {
-        dispatch(preview(request, 'request'));
-    }
-    var className = classnames(cssPrefix + "Logs-container", cssPrefix + "Rows-container", {
-        wide: isWide,
-    });
-    var height = isWide ? 735 : 395;
-    return (React.createElement("div", { className: cssPrefix + "Requests-container" },
-        React.createElement(VirtualList, { className: className, items: requests, height: height, onClick: onClick }, RequestRow)));
-}
-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(cssPrefix + "Reading-container", {});
-    var delta = ((createdTS - now) / 1000).toFixed(2);
-    function renderStatus() {
-        var text;
-        var isError = status === ApiRequestStatus.ERROR;
-        if (isError) {
-            text = status + " (" + errorType + " " + errorStatus + ")";
-        }
-        else {
-            text = status;
-        }
-        var className = classnames('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(),
-                isEmpty(params) ? '' : JSON.stringify(params))),
-        React.createElement("div", { className: "col" },
-            React.createElement("div", { className: "timestamp" },
-                "+",
-                delta,
-                "s"),
-            React.createElement("div", { className: "id" }, shortId))));
-};
-export default Requests;

package/esm/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/esm/components/Status/Status.js

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import classnames from 'classnames';
-import Json from '../Json/Json';
-import * as selectors from '../../selectors/selectors';
-import { useSelector } from 'react-redux';
-import cssPrefix from '../prefix';
-export function Status(props) {
-    var isWide = props.isWide;
-    var status = useSelector(selectors.$status);
-    var className = classnames(cssPrefix + "Status-container", {
-        wide: isWide,
-    });
-    return (React.createElement("div", { className: className },
-        React.createElement(Json, { value: status })));
-}
-export default Status;

package/esm/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/esm/components/TaskManager/TaskManager.js

@@ -1,22 +0,0 @@
-import * as React from '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';
-import { usePanels } from '../../hooks/usePanels';
-import classnames from 'classnames';
-import cssPrefix from '../prefix';
-export function TaskManager(props) {
-    var className = classnames(cssPrefix + "TaskManager-container", props.className);
-    return React.createElement("div", { className: className }, "grid");
-}
-export function TaskManagers() {
-    var jsx = usePanels(TaskManager);
-    return React.createElement(React.Fragment, null, jsx);
-}
-export default TaskManagers;

package/esm/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/esm/components/Timeline/Timeline.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import { useSelector } from 'react-redux';
-import TimelineRow from '../TimelineRow/TimelineRow';
-import cssPrefix from '../prefix';
-var $i = function (i) { return i; };
-export function Timeline(props) {
-    var sagas = useSelector(props.selector || $i);
-    if (!Array.isArray(sagas)) {
-        return null;
-    }
-    return (React.createElement("div", { className: cssPrefix + "Timeline-container" }, sagas.map(function (saga) { return (React.createElement(TimelineRow, { key: saga.id, saga: saga })); })));
-}
-export default Timeline;

package/esm/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/esm/components/TimelineEvent/TimelineEvent.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import classnames from 'classnames';
-import cssPrefix from '../prefix';
-export function TimelineEvent(props) {
-    var event = props.event;
-    var timestamp = event.timestamp, action = event.action;
-    var style = {
-        left: (timestamp / 1000) * 100 + 'px',
-    };
-    var className = classnames(cssPrefix + "TimelineEvent-container", action.type);
-    return React.createElement("div", { className: className, style: style });
-}
-export default TimelineEvent;

package/esm/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/esm/components/TimelineHeader/TimelineHeader.js

@@ -1,5 +0,0 @@
-import React from 'react';
-export function TimelineHeader(_props) {
-    return React.createElement("div", { className: "TimelineHeader-container" });
-}
-export default TimelineHeader;

package/esm/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/esm/components/TimelineRow/TimelineRow.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import TimelineEvent from '../TimelineEvent/TimelineEvent';
-import TimelineRowHeader from '../TimelineRowHeader/TimelineRowHeader';
-import cssPrefix from '../prefix';
-export function TimelineRow(props) {
-    var saga = props.saga;
-    var _a = saga.items, items = _a === void 0 ? [] : _a;
-    var styleBar = {};
-    return (React.createElement("div", { className: cssPrefix + "TimelineRow-container" },
-        React.createElement(TimelineRowHeader, { saga: saga }),
-        React.createElement("div", { className: "bar", style: styleBar }, items.map(function (event, index) { return (React.createElement(TimelineEvent, { key: index, event: event })); }))));
-}
-export default TimelineRow;

package/esm/components/TimelineRowHeader/TimelineRowHeader.d.ts

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

package/esm/components/TimelineRowHeader/TimelineRowHeader.js

@@ -1,10 +0,0 @@
-import React from 'react';
-import cssPrefix from '../prefix';
-export function TimelineRowHeader(props) {
-    var saga = props.saga;
-    return (React.createElement("div", { className: cssPrefix + "TimelineRowHeader-container" },
-        React.createElement("div", { className: "name" }, saga.id),
-        React.createElement("div", { className: "icons" },
-            React.createElement("span", { className: "icon material-icons-outlined" }, "loop"))));
-}
-export default TimelineRowHeader;

package/esm/components/Toggle/Toggle.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import 'react-toggle/style.css';
-declare type ToggleProps = {
-    defaultChecked: boolean;
-    onChange: (ev: React.ChangeEvent<HTMLInputElement>) => void;
-};
-export declare function Toggle(props: ToggleProps): JSX.Element;
-export default Toggle;

package/esm/components/Toggle/Toggle.js

@@ -1,8 +0,0 @@
-import React from 'react';
-import 'react-toggle/style.css';
-import ReactToggle from 'react-toggle';
-export function Toggle(props) {
-    return (React.createElement("div", { className: "Toggle-container" },
-        React.createElement(ReactToggle, { defaultChecked: props.defaultChecked, onChange: props.onChange })));
-}
-export default Toggle;

package/esm/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;