redux-connected-devtools 0.0.15 → 1.0.0
Sign up to get free protection for your applications and to get access to all the features.
- package/.depcheck +20 -0
- package/.env +2 -0
- package/.prettierrc.js +10 -0
- package/.vscode/settings.json +12 -0
- package/.vscode/tasks.json +33 -0
- package/LICENSE +21 -0
- package/README.md +5 -0
- package/index.html +58 -0
- package/jest.config.js +8 -0
- package/package.json +58 -63
- package/src/__tests__/sum.ts +9 -0
- package/src/components/DevInspector/DevInspector.scss +2 -0
- package/src/components/DevInspector/DevInspector.style.tsx +7 -0
- package/src/components/DevInspector/DevInspector.tsx +34 -0
- package/src/components/DevList/DevList.scss +2 -0
- package/src/components/DevList/DevList.style.tsx +34 -0
- package/src/components/DevList/DevList.tsx +65 -0
- package/src/components/DevMenu/DevMenu.scss +2 -0
- package/src/components/DevMenu/DevMenu.style.tsx +53 -0
- package/src/components/DevMenu/DevMenu.tsx +77 -0
- package/src/components/DevPanel/DevPanel.scss +2 -0
- package/src/components/DevPanel/DevPanel.style.tsx +25 -0
- package/src/components/DevPanel/DevPanel.tsx +58 -0
- package/src/components/DevtoolsApp/DevtoolsApp.scss +2 -0
- package/src/components/DevtoolsApp/DevtoolsApp.style.tsx +12 -0
- package/src/components/DevtoolsApp/DevtoolsApp.tsx +45 -0
- package/src/components/Icon/AllIcons.tsx +66 -0
- package/src/components/Icon/Icon.scss +2 -0
- package/src/components/Icon/Icon.style.tsx +11 -0
- package/src/components/Icon/Icon.tsx +28 -0
- package/src/components/JourneyRow/JourneyRow.scss +2 -0
- package/src/components/JourneyRow/JourneyRow.style.tsx +46 -0
- package/src/components/JourneyRow/JourneyRow.tsx +60 -0
- package/src/components/JsonViewer/JsonViewer.scss +2 -0
- package/src/components/JsonViewer/JsonViewer.style.tsx +31 -0
- package/src/components/JsonViewer/JsonViewer.tsx +23 -0
- package/src/components/Lifecycle/Lifecycle.scss +2 -0
- package/src/components/Lifecycle/Lifecycle.style.tsx +6 -0
- package/src/components/Lifecycle/Lifecycle.tsx +36 -0
- package/src/components/LogsViewer/LogsViewer.scss +2 -0
- package/src/components/LogsViewer/LogsViewer.style.tsx +5 -0
- package/src/components/LogsViewer/LogsViewer.tsx +14 -0
- package/src/components/RequestDetails/RequestDetails.scss +2 -0
- package/src/components/RequestDetails/RequestDetails.style.tsx +20 -0
- package/src/components/RequestDetails/RequestDetails.tsx +60 -0
- package/src/components/RequestJourney/RequestJourney.scss +2 -0
- package/src/components/RequestJourney/RequestJourney.style.tsx +27 -0
- package/src/components/RequestJourney/RequestJourney.tsx +33 -0
- package/src/components/RequestRow/RequestRow.scss +2 -0
- package/src/components/RequestRow/RequestRow.style.tsx +32 -0
- package/src/components/RequestRow/RequestRow.tsx +37 -0
- package/src/components/Size/Size.scss +2 -0
- package/src/components/Size/Size.style.tsx +6 -0
- package/src/components/Size/Size.tsx +21 -0
- package/src/components/StateViewer/StateViewer.scss +2 -0
- package/src/components/StateViewer/StateViewer.style.tsx +5 -0
- package/src/components/StateViewer/StateViewer.tsx +17 -0
- package/src/components/Time/Time.scss +2 -0
- package/src/components/Time/Time.style.tsx +17 -0
- package/src/components/Time/Time.tsx +25 -0
- package/src/containers/DevMenuContainer.tsx +28 -0
- package/src/containers/DevPanelContainer.tsx +12 -0
- package/src/containers/DevtoolsAppContainer.tsx +42 -0
- package/src/containers/EndpointConfigsContainer.tsx +12 -0
- package/src/containers/EndpointStatusContainer.tsx +12 -0
- package/src/containers/GlobalSettingsContainer.tsx +12 -0
- package/src/containers/GlobalStatsContainer.tsx +12 -0
- package/src/containers/JsonViewerContainer.tsx +8 -0
- package/src/containers/LifecycleApiErrorContainer.tsx +11 -0
- package/src/containers/LifecycleContainer.tsx +12 -0
- package/src/containers/LifecycleFailedContainer.tsx +11 -0
- package/src/containers/LifecycleGeneralErrorContainer.tsx +11 -0
- package/src/containers/LifecycleInQueueContainer.tsx +11 -0
- package/src/containers/LifecyclePendingApiContainer.tsx +11 -0
- package/src/containers/LifecyclePostActionContainer.tsx +11 -0
- package/src/containers/LifecycleReceivedContainer.tsx +11 -0
- package/src/containers/LogsViewerContainer.tsx +8 -0
- package/src/containers/StateViewerContainer.tsx +8 -0
- package/src/data/devComponents.tsx +27 -0
- package/src/data/devRouter.ts +107 -0
- package/src/data/devRoutes.ts +90 -0
- package/src/hooks/useStoreSize.ts +27 -0
- package/src/index.ts +1 -0
- package/src/store/initialState.ts +42 -0
- package/src/store/selectors.ts +220 -0
- package/src/types.ts +1 -0
- package/src/utils/date.ts +11 -0
- package/src/utils/download.ts +17 -0
- package/tsconfig.json +18 -0
- package/vite.config.ts +27 -0
- package/esm/components/Config/Config.d.ts +0 -6
- package/esm/components/Config/Config.js +0 -15
- package/esm/components/DevTools/DevTools.d.ts +0 -4
- package/esm/components/DevTools/DevTools.js +0 -19
- package/esm/components/DevToolsLocal/DevToolsLocal.d.ts +0 -4
- package/esm/components/DevToolsLocal/DevToolsLocal.js +0 -12
- package/esm/components/Dispatcher/Dispatcher.d.ts +0 -8
- package/esm/components/Dispatcher/Dispatcher.js +0 -61
- package/esm/components/GlobalSettings/GlobalSettings.d.ts +0 -6
- package/esm/components/GlobalSettings/GlobalSettings.js +0 -16
- package/esm/components/Group/Group.d.ts +0 -9
- package/esm/components/Group/Group.js +0 -14
- package/esm/components/Json/Json.d.ts +0 -7
- package/esm/components/Json/Json.js +0 -9
- package/esm/components/Logs/Logs.d.ts +0 -6
- package/esm/components/Logs/Logs.js +0 -49
- package/esm/components/Monitor/Monitor.d.ts +0 -6
- package/esm/components/Monitor/Monitor.js +0 -54
- package/esm/components/OverlayManager/OverlayManager.d.ts +0 -6
- package/esm/components/OverlayManager/OverlayManager.js +0 -17
- package/esm/components/Panel/Panel.d.ts +0 -14
- package/esm/components/Panel/Panel.js +0 -46
- package/esm/components/Preview/Preview.d.ts +0 -18
- package/esm/components/Preview/Preview.js +0 -58
- package/esm/components/Redux/Redux.d.ts +0 -6
- package/esm/components/Redux/Redux.js +0 -72
- package/esm/components/ReduxSettings/ReduxSettings.d.ts +0 -9
- package/esm/components/ReduxSettings/ReduxSettings.js +0 -60
- package/esm/components/Requests/Requests.d.ts +0 -6
- package/esm/components/Requests/Requests.js +0 -61
- package/esm/components/Status/Status.d.ts +0 -6
- package/esm/components/Status/Status.js +0 -16
- package/esm/components/TaskManager/TaskManager.d.ts +0 -9
- package/esm/components/TaskManager/TaskManager.js +0 -22
- package/esm/components/Timeline/Timeline.d.ts +0 -6
- package/esm/components/Timeline/Timeline.js +0 -13
- package/esm/components/TimelineEvent/TimelineEvent.d.ts +0 -7
- package/esm/components/TimelineEvent/TimelineEvent.js +0 -13
- package/esm/components/TimelineHeader/TimelineHeader.d.ts +0 -4
- package/esm/components/TimelineHeader/TimelineHeader.js +0 -5
- package/esm/components/TimelineRow/TimelineRow.d.ts +0 -7
- package/esm/components/TimelineRow/TimelineRow.js +0 -13
- package/esm/components/TimelineRowHeader/TimelineRowHeader.d.ts +0 -7
- package/esm/components/TimelineRowHeader/TimelineRowHeader.js +0 -10
- package/esm/components/Toggle/Toggle.d.ts +0 -8
- package/esm/components/Toggle/Toggle.js +0 -8
- package/esm/components/VirtualList/VirtualList.d.ts +0 -19
- package/esm/components/VirtualList/VirtualList.js +0 -30
- package/esm/components/Visual/Visual.d.ts +0 -6
- package/esm/components/Visual/Visual.js +0 -38
- package/esm/components/prefix.d.ts +0 -2
- package/esm/components/prefix.js +0 -2
- package/esm/data/boxSizes.d.ts +0 -2
- package/esm/data/boxSizes.js +0 -10
- package/esm/data/dispatcherActions.d.ts +0 -5
- package/esm/data/dispatcherActions.js +0 -35
- package/esm/data/layoutDefault.d.ts +0 -2
- package/esm/data/layoutDefault.js +0 -46
- package/esm/data/panels.d.ts +0 -2
- package/esm/data/panels.js +0 -14
- package/esm/data/panelsArrangements.d.ts +0 -19
- package/esm/data/panelsArrangements.js +0 -19
- package/esm/data/panelsLocal.d.ts +0 -2
- package/esm/data/panelsLocal.js +0 -7
- package/esm/data/reduxFilterOptions.d.ts +0 -20
- package/esm/data/reduxFilterOptions.js +0 -223
- package/esm/data/widgets.d.ts +0 -2
- package/esm/data/widgets.js +0 -154
- package/esm/data/widgetsLocal.d.ts +0 -2
- package/esm/data/widgetsLocal.js +0 -19
- package/esm/hooks/index.d.ts +0 -7
- package/esm/hooks/index.js +0 -7
- package/esm/hooks/misc/hookState.d.ts +0 -8
- package/esm/hooks/misc/hookState.js +0 -6
- package/esm/hooks/misc/util.d.ts +0 -5
- package/esm/hooks/misc/util.js +0 -21
- package/esm/hooks/useBoolean.d.ts +0 -3
- package/esm/hooks/useBoolean.js +0 -3
- package/esm/hooks/useClickAway.d.ts +0 -3
- package/esm/hooks/useClickAway.js +0 -27
- package/esm/hooks/useEvent.d.ts +0 -13
- package/esm/hooks/useEvent.js +0 -35
- package/esm/hooks/useKey.d.ts +0 -12
- package/esm/hooks/useKey.js +0 -29
- package/esm/hooks/useList.d.ts +0 -57
- package/esm/hooks/useList.js +0 -74
- package/esm/hooks/useLocalstorage.d.ts +0 -10
- package/esm/hooks/useLocalstorage.js +0 -75
- package/esm/hooks/usePanels.d.ts +0 -10
- package/esm/hooks/usePanels.js +0 -45
- package/esm/hooks/useSetState.d.ts +0 -2
- package/esm/hooks/useSetState.js +0 -10
- package/esm/hooks/useToggle.d.ts +0 -2
- package/esm/hooks/useToggle.js +0 -6
- package/esm/hooks/useUpdate.d.ts +0 -1
- package/esm/hooks/useUpdate.js +0 -6
- package/esm/index.d.ts +0 -4
- package/esm/index.js +0 -4
- package/esm/selectors/selectors.d.ts +0 -21
- package/esm/selectors/selectors.js +0 -20
- package/esm/theme/devtoolsTheme.d.ts +0 -2
- package/esm/theme/devtoolsTheme.js +0 -95
- package/esm/types.d.ts +0 -21
- package/esm/types.js +0 -1
- package/esm/utils/filter.d.ts +0 -3
- package/esm/utils/filter.js +0 -25
- package/esm/utils/localStorage.d.ts +0 -2
- package/esm/utils/localStorage.js +0 -21
- package/esm/utils/sockets.d.ts +0 -7
- package/esm/utils/sockets.js +0 -27
- package/lib/components/Colors copy.css +0 -3
- package/lib/components/Colors copy.css.map +0 -1
- package/lib/components/Colors.css +0 -3
- package/lib/components/Colors.css.map +0 -1
- package/lib/components/ColorsDark.css +0 -3
- package/lib/components/ColorsDark.css.map +0 -1
- package/lib/components/Config/Config.css +0 -15
- package/lib/components/Config/Config.css.map +0 -1
- package/lib/components/Config/Config.d.ts +0 -6
- package/lib/components/Config/Config.js +0 -20
- package/lib/components/DevTools/DevTools.css +0 -11
- package/lib/components/DevTools/DevTools.css.map +0 -1
- package/lib/components/DevTools/DevTools.d.ts +0 -4
- package/lib/components/DevTools/DevTools.js +0 -24
- package/lib/components/DevToolsLocal/DevToolsLocal.css +0 -11
- package/lib/components/DevToolsLocal/DevToolsLocal.css.map +0 -1
- package/lib/components/DevToolsLocal/DevToolsLocal.d.ts +0 -4
- package/lib/components/DevToolsLocal/DevToolsLocal.js +0 -17
- package/lib/components/Dispatcher/Dispatcher.css +0 -15
- package/lib/components/Dispatcher/Dispatcher.css.map +0 -1
- package/lib/components/Dispatcher/Dispatcher.d.ts +0 -8
- package/lib/components/Dispatcher/Dispatcher.js +0 -65
- package/lib/components/GlobalSettings/GlobalSettings.css +0 -3
- package/lib/components/GlobalSettings/GlobalSettings.css.map +0 -1
- package/lib/components/GlobalSettings/GlobalSettings.d.ts +0 -6
- package/lib/components/GlobalSettings/GlobalSettings.js +0 -21
- package/lib/components/Group/Group.css +0 -41
- package/lib/components/Group/Group.css.map +0 -1
- package/lib/components/Group/Group.d.ts +0 -9
- package/lib/components/Group/Group.js +0 -19
- package/lib/components/Json/Json.css +0 -5
- package/lib/components/Json/Json.css.map +0 -1
- package/lib/components/Json/Json.d.ts +0 -7
- package/lib/components/Json/Json.js +0 -14
- package/lib/components/Logs/Logs.css +0 -5
- package/lib/components/Logs/Logs.css.map +0 -1
- package/lib/components/Logs/Logs.d.ts +0 -6
- package/lib/components/Logs/Logs.js +0 -54
- package/lib/components/Monitor/Monitor.css +0 -5
- package/lib/components/Monitor/Monitor.css.map +0 -1
- package/lib/components/Monitor/Monitor.d.ts +0 -6
- package/lib/components/Monitor/Monitor.js +0 -59
- package/lib/components/OverlayManager/OverlayManager.css +0 -72
- package/lib/components/OverlayManager/OverlayManager.css.map +0 -1
- package/lib/components/OverlayManager/OverlayManager.d.ts +0 -6
- package/lib/components/OverlayManager/OverlayManager.js +0 -22
- package/lib/components/Panel/Panel.css +0 -35
- package/lib/components/Panel/Panel.css.map +0 -1
- package/lib/components/Panel/Panel.d.ts +0 -14
- package/lib/components/Panel/Panel.js +0 -51
- package/lib/components/Prefix copy.css +0 -3
- package/lib/components/Prefix copy.css.map +0 -1
- package/lib/components/Prefix.css +0 -3
- package/lib/components/Prefix.css.map +0 -1
- package/lib/components/Preview/Preview.css +0 -29
- package/lib/components/Preview/Preview.css.map +0 -1
- package/lib/components/Preview/Preview.d.ts +0 -18
- package/lib/components/Preview/Preview.js +0 -64
- package/lib/components/Reading.css +0 -107
- package/lib/components/Reading.css.map +0 -1
- package/lib/components/Redux/Redux.css +0 -86
- package/lib/components/Redux/Redux.css.map +0 -1
- package/lib/components/Redux/Redux.d.ts +0 -6
- package/lib/components/Redux/Redux.js +0 -77
- package/lib/components/ReduxSettings/ReduxSettings.css +0 -10
- package/lib/components/ReduxSettings/ReduxSettings.css.map +0 -1
- package/lib/components/ReduxSettings/ReduxSettings.d.ts +0 -9
- package/lib/components/ReduxSettings/ReduxSettings.js +0 -64
- package/lib/components/Requests/Requests.css +0 -8
- package/lib/components/Requests/Requests.css.map +0 -1
- package/lib/components/Requests/Requests.d.ts +0 -6
- package/lib/components/Requests/Requests.js +0 -66
- package/lib/components/Status/Status.css +0 -15
- package/lib/components/Status/Status.css.map +0 -1
- package/lib/components/Status/Status.d.ts +0 -6
- package/lib/components/Status/Status.js +0 -21
- package/lib/components/TaskManager/TaskManager.css +0 -9
- package/lib/components/TaskManager/TaskManager.css.map +0 -1
- package/lib/components/TaskManager/TaskManager.d.ts +0 -9
- package/lib/components/TaskManager/TaskManager.js +0 -28
- package/lib/components/Timeline/Timeline.css +0 -5
- package/lib/components/Timeline/Timeline.css.map +0 -1
- package/lib/components/Timeline/Timeline.d.ts +0 -6
- package/lib/components/Timeline/Timeline.js +0 -18
- package/lib/components/TimelineEvent/TimelineEvent.css +0 -20
- package/lib/components/TimelineEvent/TimelineEvent.css.map +0 -1
- package/lib/components/TimelineEvent/TimelineEvent.d.ts +0 -7
- package/lib/components/TimelineEvent/TimelineEvent.js +0 -18
- package/lib/components/TimelineHeader/TimelineHeader.css +0 -6
- package/lib/components/TimelineHeader/TimelineHeader.css.map +0 -1
- package/lib/components/TimelineHeader/TimelineHeader.d.ts +0 -4
- package/lib/components/TimelineHeader/TimelineHeader.js +0 -10
- package/lib/components/TimelineRow/TimelineRow.css +0 -14
- package/lib/components/TimelineRow/TimelineRow.css.map +0 -1
- package/lib/components/TimelineRow/TimelineRow.d.ts +0 -7
- package/lib/components/TimelineRow/TimelineRow.js +0 -18
- package/lib/components/TimelineRowHeader/TimelineRowHeader.css +0 -45
- package/lib/components/TimelineRowHeader/TimelineRowHeader.css.map +0 -1
- package/lib/components/TimelineRowHeader/TimelineRowHeader.d.ts +0 -7
- package/lib/components/TimelineRowHeader/TimelineRowHeader.js +0 -15
- package/lib/components/Toggle/Toggle.css +0 -3
- package/lib/components/Toggle/Toggle.css.map +0 -1
- package/lib/components/Toggle/Toggle.d.ts +0 -8
- package/lib/components/Toggle/Toggle.js +0 -13
- package/lib/components/Variables.css +0 -3
- package/lib/components/Variables.css.map +0 -1
- package/lib/components/VirtualList/VirtualList.css +0 -13
- package/lib/components/VirtualList/VirtualList.css.map +0 -1
- package/lib/components/VirtualList/VirtualList.d.ts +0 -19
- package/lib/components/VirtualList/VirtualList.js +0 -35
- package/lib/components/Visual/Visual.css +0 -57
- package/lib/components/Visual/Visual.css.map +0 -1
- package/lib/components/Visual/Visual.d.ts +0 -6
- package/lib/components/Visual/Visual.js +0 -43
- package/lib/components/prefix.d.ts +0 -2
- package/lib/components/prefix.js +0 -5
- package/lib/data/boxSizes.d.ts +0 -2
- package/lib/data/boxSizes.js +0 -13
- package/lib/data/dispatcherActions.d.ts +0 -5
- package/lib/data/dispatcherActions.js +0 -38
- package/lib/data/layoutDefault.d.ts +0 -2
- package/lib/data/layoutDefault.js +0 -49
- package/lib/data/panels.d.ts +0 -2
- package/lib/data/panels.js +0 -17
- package/lib/data/panelsArrangements.d.ts +0 -19
- package/lib/data/panelsArrangements.js +0 -22
- package/lib/data/panelsLocal.d.ts +0 -2
- package/lib/data/panelsLocal.js +0 -10
- package/lib/data/reduxFilterOptions.d.ts +0 -20
- package/lib/data/reduxFilterOptions.js +0 -227
- package/lib/data/widgets.d.ts +0 -2
- package/lib/data/widgets.js +0 -157
- package/lib/data/widgetsLocal.d.ts +0 -2
- package/lib/data/widgetsLocal.js +0 -22
- package/lib/hooks/index.d.ts +0 -7
- package/lib/hooks/index.js +0 -17
- package/lib/hooks/misc/hookState.d.ts +0 -8
- package/lib/hooks/misc/hookState.js +0 -10
- package/lib/hooks/misc/util.d.ts +0 -5
- package/lib/hooks/misc/util.js +0 -27
- package/lib/hooks/useBoolean.d.ts +0 -3
- package/lib/hooks/useBoolean.js +0 -7
- package/lib/hooks/useClickAway.d.ts +0 -3
- package/lib/hooks/useClickAway.js +0 -31
- package/lib/hooks/useEvent.d.ts +0 -13
- package/lib/hooks/useEvent.js +0 -37
- package/lib/hooks/useKey.d.ts +0 -12
- package/lib/hooks/useKey.js +0 -34
- package/lib/hooks/useList.d.ts +0 -57
- package/lib/hooks/useList.js +0 -79
- package/lib/hooks/useLocalstorage.d.ts +0 -10
- package/lib/hooks/useLocalstorage.js +0 -79
- package/lib/hooks/usePanels.d.ts +0 -10
- package/lib/hooks/usePanels.js +0 -49
- package/lib/hooks/useSetState.d.ts +0 -2
- package/lib/hooks/useSetState.js +0 -14
- package/lib/hooks/useToggle.d.ts +0 -2
- package/lib/hooks/useToggle.js +0 -10
- package/lib/hooks/useUpdate.d.ts +0 -1
- package/lib/hooks/useUpdate.js +0 -9
- package/lib/index.css +0 -605
- package/lib/index.css.map +0 -1
- package/lib/index.d.ts +0 -4
- package/lib/index.js +0 -11
- package/lib/selectors/selectors.d.ts +0 -21
- package/lib/selectors/selectors.js +0 -24
- package/lib/theme/devtoolsTheme.d.ts +0 -2
- package/lib/theme/devtoolsTheme.js +0 -97
- package/lib/types.d.ts +0 -21
- package/lib/types.js +0 -2
- package/lib/utils/filter.d.ts +0 -3
- package/lib/utils/filter.js +0 -29
- package/lib/utils/localStorage.d.ts +0 -2
- package/lib/utils/localStorage.js +0 -26
- package/lib/utils/sockets.d.ts +0 -7
- package/lib/utils/sockets.js +0 -34
@@ -1,54 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import { useDispatch, useSelector } from 'react-redux';
|
3
|
-
import { startSaga, stopSaga, } from 'redux-connected';
|
4
|
-
import { formatDistance } from 'date-fns';
|
5
|
-
import classnames from 'classnames';
|
6
|
-
import VirtualList from '../VirtualList/VirtualList';
|
7
|
-
import * as selectors from '../../selectors/selectors';
|
8
|
-
import { preview } from '../Preview/Preview';
|
9
|
-
import cssPrefix from '../prefix';
|
10
|
-
import Toggle from '../Toggle/Toggle';
|
11
|
-
export function Monitor(props) {
|
12
|
-
var dispatch = useDispatch();
|
13
|
-
var isWide = props.isWide;
|
14
|
-
var sagas = useSelector(selectors.$sagas);
|
15
|
-
function onClick(item) {
|
16
|
-
dispatch(preview(item, 'process'));
|
17
|
-
}
|
18
|
-
var className = classnames(cssPrefix + "Monitor-container", cssPrefix + "Rows-container", {
|
19
|
-
wide: isWide,
|
20
|
-
});
|
21
|
-
var height = isWide ? 735 : 395;
|
22
|
-
return (React.createElement(VirtualList, { className: className, items: sagas, height: height, onClick: onClick }, SagaRow));
|
23
|
-
}
|
24
|
-
var SagaRow = function (props) {
|
25
|
-
var dispatch = useDispatch();
|
26
|
-
var index = props.index;
|
27
|
-
var listItem = props.data[index];
|
28
|
-
var saga = listItem.item;
|
29
|
-
var distanceStart = formatDistance(new Date(), new Date(saga.startedTS || 0));
|
30
|
-
var distanceStopped = formatDistance(new Date(), new Date(saga.stoppedTS || 0));
|
31
|
-
var distance = saga.isRunning ? distanceStart : distanceStopped;
|
32
|
-
function onChange(ev) {
|
33
|
-
var sagaId = saga.id;
|
34
|
-
var action = ev.target.checked
|
35
|
-
? startSaga({ sagaId: sagaId })
|
36
|
-
: stopSaga({ sagaId: sagaId });
|
37
|
-
dispatch(action);
|
38
|
-
}
|
39
|
-
var className = classnames(cssPrefix + "Reading-container", {
|
40
|
-
disabled: !saga.isRunning,
|
41
|
-
});
|
42
|
-
return (React.createElement("div", { className: className, key: saga.id, style: props.style, onClick: listItem.onClick },
|
43
|
-
React.createElement("div", { className: "col" },
|
44
|
-
React.createElement("div", { className: "title" },
|
45
|
-
saga.id,
|
46
|
-
" ",
|
47
|
-
React.createElement("span", { className: "timeAgo" },
|
48
|
-
distance,
|
49
|
-
" ago")),
|
50
|
-
React.createElement("div", { className: "description", title: saga.description }, saga.description)),
|
51
|
-
React.createElement("div", { className: "col" },
|
52
|
-
React.createElement(Toggle, { defaultChecked: !!saga.isRunning, onChange: onChange }))));
|
53
|
-
};
|
54
|
-
export default Monitor;
|
@@ -1,17 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import { useClickAway, useKey } from 'react-use';
|
3
|
-
import cssPrefix from '../prefix';
|
4
|
-
import { TaskManager } from '../TaskManager/TaskManager';
|
5
|
-
export function OverlayManager(props) {
|
6
|
-
var ref = React.useRef(null);
|
7
|
-
useClickAway(ref, props.onClose);
|
8
|
-
useKey('Escape', props.onClose);
|
9
|
-
return (React.createElement("div", { className: cssPrefix + "OverlayManager-container" },
|
10
|
-
React.createElement("div", { className: "content", ref: ref },
|
11
|
-
React.createElement(TaskManager, { defaultPanelId: "preview", isWide: false, id: "1", className: "area area-1" }),
|
12
|
-
React.createElement(TaskManager, { defaultPanelId: "redux", isWide: true, id: "center", className: "area area-center" }),
|
13
|
-
React.createElement(TaskManager, { defaultPanelId: "visual", isWide: false, id: "2", className: "area area-2" }),
|
14
|
-
React.createElement(TaskManager, { defaultPanelId: "apiStatus", isWide: false, id: "3", className: "area area-3" }),
|
15
|
-
React.createElement(TaskManager, { defaultPanelId: "requests", isWide: false, id: "4", className: "area area-4" }))));
|
16
|
-
}
|
17
|
-
export default OverlayManager;
|
@@ -1,14 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
interface PanelProps {
|
3
|
-
id: string;
|
4
|
-
children: JSX.Element;
|
5
|
-
onClose?: () => void;
|
6
|
-
onNew?: () => void;
|
7
|
-
onToggleSize?: (isWide: boolean) => void;
|
8
|
-
isWide?: boolean;
|
9
|
-
showDuplicate?: boolean;
|
10
|
-
showLock?: boolean;
|
11
|
-
zIndex?: number;
|
12
|
-
}
|
13
|
-
export declare function Panel(props: PanelProps): JSX.Element;
|
14
|
-
export default Panel;
|
@@ -1,46 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import Draggable from 'react-draggable';
|
3
|
-
import classnames from 'classnames';
|
4
|
-
import { useLocalStorage } from 'react-use';
|
5
|
-
import cssPrefix from '../prefix';
|
6
|
-
export function Panel(props) {
|
7
|
-
var id = props.id, isWide = props.isWide, zIndex = props.zIndex;
|
8
|
-
var draggableRef = React.useRef(null); // https://stackoverflow.com/a/63603903
|
9
|
-
var _a = useLocalStorage("PANEL_OFFSET_" + id, { x: 0, y: 0 }), offset = _a[0], setOffset = _a[1], clearLocalStoragePosition = _a[2];
|
10
|
-
var className = classnames(cssPrefix + "Panel-container", {
|
11
|
-
wide: isWide,
|
12
|
-
});
|
13
|
-
var right = 100;
|
14
|
-
var bottom = 20;
|
15
|
-
var docWidth = document.documentElement.clientWidth;
|
16
|
-
var docHeight = document.documentElement.clientHeight;
|
17
|
-
var boxWidth = isWide ? 750 : 350;
|
18
|
-
var boxHeight = isWide ? 800 : 390;
|
19
|
-
var corners = {
|
20
|
-
left: docWidth - boxWidth - right,
|
21
|
-
top: docHeight - boxHeight - bottom,
|
22
|
-
};
|
23
|
-
var bounds = {
|
24
|
-
top: -corners.top,
|
25
|
-
left: -corners.left,
|
26
|
-
right: right,
|
27
|
-
bottom: bottom,
|
28
|
-
};
|
29
|
-
var handler = isWide ? undefined : '.handler';
|
30
|
-
function onStop(_ev, data) {
|
31
|
-
var x = data.x, y = data.y;
|
32
|
-
setOffset({ x: x, y: y });
|
33
|
-
}
|
34
|
-
function onClose() {
|
35
|
-
clearLocalStoragePosition();
|
36
|
-
if (props.onClose) {
|
37
|
-
props.onClose();
|
38
|
-
}
|
39
|
-
}
|
40
|
-
return (React.createElement(Draggable, { nodeRef: draggableRef, handle: handler, bounds: bounds, onStop: onStop, defaultPosition: offset },
|
41
|
-
React.createElement("div", { ref: draggableRef, className: className, style: { zIndex: zIndex } },
|
42
|
-
React.createElement("div", { className: "handler" },
|
43
|
-
React.createElement("div", { className: "close", onClick: onClose }, "X")),
|
44
|
-
props.children)));
|
45
|
-
}
|
46
|
-
export default Panel;
|
@@ -1,18 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import { Action } from 'redux-store-generator';
|
3
|
-
import { Log, ApiRequest, SagaState } from 'redux-connected';
|
4
|
-
export declare type PreviewType = 'request' | 'log' | 'process';
|
5
|
-
declare type PreviewItem = ApiRequest | Log | SagaState;
|
6
|
-
export declare type PreviewAction = Action & {
|
7
|
-
type: 'PREVIEW';
|
8
|
-
payload: {
|
9
|
-
item: PreviewItem;
|
10
|
-
previewType: PreviewType;
|
11
|
-
};
|
12
|
-
};
|
13
|
-
export declare const preview: (item: PreviewItem, previewType: PreviewType) => PreviewAction;
|
14
|
-
declare type PreviewProps = {
|
15
|
-
isWide: boolean;
|
16
|
-
};
|
17
|
-
export declare function Preview(props: PreviewProps): JSX.Element;
|
18
|
-
export default Preview;
|
@@ -1,58 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import classnames from 'classnames';
|
3
|
-
import Json from '../Json/Json';
|
4
|
-
import { clearMeta, clearActionP, useMonitor, } from 'redux-connected';
|
5
|
-
import cssPrefix from '../prefix';
|
6
|
-
export var preview = function (item, previewType) { return ({
|
7
|
-
type: 'PREVIEW',
|
8
|
-
payload: {
|
9
|
-
item: item,
|
10
|
-
previewType: previewType,
|
11
|
-
},
|
12
|
-
}); };
|
13
|
-
export function Preview(props) {
|
14
|
-
var isWide = props.isWide;
|
15
|
-
var previews = useMonitor({ onlyLast: true }, function (action) { return action.type === 'PREVIEW'; })[0];
|
16
|
-
function renderInner(reading) {
|
17
|
-
if (!reading) {
|
18
|
-
return React.createElement(NoPreview, null);
|
19
|
-
}
|
20
|
-
var payload = reading.action.payload;
|
21
|
-
var _a = payload || {}, item = _a.item, previewType = _a.previewType;
|
22
|
-
switch (previewType) {
|
23
|
-
case 'request':
|
24
|
-
return React.createElement(PreviewRequest, { item: item });
|
25
|
-
case 'log':
|
26
|
-
return React.createElement(PreviewLog, { item: item });
|
27
|
-
case 'process':
|
28
|
-
return React.createElement(PreviewProcess, { item: item });
|
29
|
-
}
|
30
|
-
}
|
31
|
-
var className = classnames(cssPrefix + "Preview-container", {
|
32
|
-
wide: isWide,
|
33
|
-
});
|
34
|
-
return React.createElement("div", { className: className }, renderInner(previews[0]));
|
35
|
-
}
|
36
|
-
function NoPreview() {
|
37
|
-
return React.createElement("div", { className: cssPrefix + "NoPreview-container" }, "No preview");
|
38
|
-
}
|
39
|
-
function PreviewRequest(props) {
|
40
|
-
var item = props.item;
|
41
|
-
var data = clearMeta(item);
|
42
|
-
data = clearActionP(data);
|
43
|
-
return (React.createElement("div", { className: cssPrefix + "PreviewRequest-container" },
|
44
|
-
React.createElement(Json, { value: data })));
|
45
|
-
}
|
46
|
-
function PreviewLog(props) {
|
47
|
-
var item = props.item;
|
48
|
-
var data = clearMeta(item);
|
49
|
-
return (React.createElement("div", { className: cssPrefix + "PreviewLog-container" },
|
50
|
-
React.createElement(Json, { value: data })));
|
51
|
-
}
|
52
|
-
function PreviewProcess(props) {
|
53
|
-
var item = props.item;
|
54
|
-
var data = clearMeta(item);
|
55
|
-
return (React.createElement("div", { className: cssPrefix + "PreviewLog-container" },
|
56
|
-
React.createElement(Json, { value: data })));
|
57
|
-
}
|
58
|
-
export default Preview;
|
@@ -1,72 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import * as selectors from '../../selectors/selectors';
|
3
|
-
import classnames from 'classnames';
|
4
|
-
import Json from '../Json/Json';
|
5
|
-
import { filterReadings } from '../../utils/filter';
|
6
|
-
import { useMonitor } from 'redux-connected';
|
7
|
-
import { useLocalStorage } from 'react-use';
|
8
|
-
import { useSelector } from 'react-redux';
|
9
|
-
import { useState } from 'react';
|
10
|
-
import VirtualList from '../VirtualList/VirtualList';
|
11
|
-
import cssPrefix from '../prefix';
|
12
|
-
var now = new Date().getTime();
|
13
|
-
export function Redux(props) {
|
14
|
-
var actionTypes = useSelector(selectors.$actionTypes);
|
15
|
-
var readings = useMonitor({ monitorState: true })[0];
|
16
|
-
// const [showFiltersDialog, toggleFilterDialog] = useBoolean(false);
|
17
|
-
var _a = useState(), currentReading = _a[0], setCurrentReading = _a[1];
|
18
|
-
var filters = useLocalStorage('REDUX_FILTERS', {})[0];
|
19
|
-
var isWide = props.isWide;
|
20
|
-
var filteredReading = filterReadings(readings, filters || {}, actionTypes);
|
21
|
-
function renderList() {
|
22
|
-
var height = isWide ? 700 : 288;
|
23
|
-
var className = classnames(cssPrefix + "Redux-list-container", cssPrefix + "Rows-container", {
|
24
|
-
wide: isWide,
|
25
|
-
});
|
26
|
-
return (React.createElement(VirtualList, { className: className, items: filteredReading, height: height, onClick: setCurrentReading }, ReduxRow));
|
27
|
-
}
|
28
|
-
function renderDetails() {
|
29
|
-
var _a = (currentReading || {}), action = _a.action, state = _a.state;
|
30
|
-
return (React.createElement(React.Fragment, null,
|
31
|
-
React.createElement("div", { className: "action" },
|
32
|
-
React.createElement("label", null, "action"),
|
33
|
-
React.createElement(Json, { value: action })),
|
34
|
-
React.createElement("div", { className: "state" },
|
35
|
-
React.createElement("label", null, "state"),
|
36
|
-
React.createElement(Json, { collapsed: true, value: state }))));
|
37
|
-
}
|
38
|
-
function renderFilters() {
|
39
|
-
return (React.createElement("div", { className: "filters" },
|
40
|
-
React.createElement("input", { className: "search", placeholder: "search..." })));
|
41
|
-
}
|
42
|
-
var className = classnames(cssPrefix + "Redux-container", {
|
43
|
-
wide: isWide,
|
44
|
-
});
|
45
|
-
return (React.createElement("div", { className: className },
|
46
|
-
React.createElement("div", { className: "list" },
|
47
|
-
renderFilters(),
|
48
|
-
renderList()),
|
49
|
-
React.createElement("div", { className: "details" }, renderDetails())));
|
50
|
-
}
|
51
|
-
var ReduxRow = function (props) {
|
52
|
-
var index = props.index;
|
53
|
-
var listItem = props.data[index];
|
54
|
-
var reading = listItem.item;
|
55
|
-
var action = reading.action, meta = reading.meta;
|
56
|
-
var _a = action || {}, type = _a.type, payload = _a.payload;
|
57
|
-
var createdTS = meta.createdTS, shortId = meta.shortId;
|
58
|
-
var className = classnames(cssPrefix + "Reading-container", {});
|
59
|
-
var delta = ((createdTS - now) / 1000).toFixed(2);
|
60
|
-
return (React.createElement("div", { className: className, style: props.style, onClick: listItem.onClick },
|
61
|
-
React.createElement("div", { className: "col" },
|
62
|
-
React.createElement("div", { className: "row" },
|
63
|
-
React.createElement("div", { className: "type" }, type)),
|
64
|
-
React.createElement("div", { className: "description short" }, JSON.stringify(payload))),
|
65
|
-
React.createElement("div", { className: "col" },
|
66
|
-
React.createElement("div", { className: "timestamp" },
|
67
|
-
"+",
|
68
|
-
delta,
|
69
|
-
"s"),
|
70
|
-
React.createElement("div", { className: "id" }, shortId))));
|
71
|
-
};
|
72
|
-
export default Redux;
|
@@ -1,9 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
export declare type SavedFilters = Record<string, boolean>;
|
3
|
-
declare type ReduxSettingsProps = {
|
4
|
-
filters?: SavedFilters;
|
5
|
-
setFilters(filters: SavedFilters): void;
|
6
|
-
onDismiss(): void;
|
7
|
-
};
|
8
|
-
export declare function ReduxSettings(props: ReduxSettingsProps): JSX.Element;
|
9
|
-
export default ReduxSettings;
|
@@ -1,60 +0,0 @@
|
|
1
|
-
import { __assign } from "tslib";
|
2
|
-
import * as React from 'react';
|
3
|
-
import { useEffect, useState } from 'react';
|
4
|
-
import { Dialog, DialogType, DialogFooter, DefaultButton, Checkbox, Stack, Dropdown, } from '@fluentui/react';
|
5
|
-
import { findPreset, readingsFilters, presets } from '../../data/reduxFilterOptions';
|
6
|
-
import cssPrefix from '../prefix';
|
7
|
-
export function ReduxSettings(props) {
|
8
|
-
var filters = props.filters, setFilters = props.setFilters;
|
9
|
-
var _a = useState(), selectedPreset = _a[0], setSelectedPreset = _a[1];
|
10
|
-
useEffect(function () {
|
11
|
-
refreshPreset(filters || {});
|
12
|
-
}, [filters]);
|
13
|
-
function refreshPreset(newFilters) {
|
14
|
-
var preset = findPreset(newFilters);
|
15
|
-
setSelectedPreset(preset.key);
|
16
|
-
}
|
17
|
-
function onToggle(id, isChecked) {
|
18
|
-
var _a;
|
19
|
-
if (typeof isChecked !== 'undefined') {
|
20
|
-
var newFilters = __assign(__assign({}, filters), (_a = {}, _a[id] = isChecked, _a));
|
21
|
-
setFilters(newFilters);
|
22
|
-
}
|
23
|
-
}
|
24
|
-
var onPresetChange = function (_event, item) {
|
25
|
-
var preset = item;
|
26
|
-
var _a = preset || {}, isCustom = _a.isCustom, _b = _a.selectedItems, selectedItems = _b === void 0 ? [] : _b;
|
27
|
-
if (item) {
|
28
|
-
setSelectedPreset(item.key);
|
29
|
-
}
|
30
|
-
if (isCustom)
|
31
|
-
return;
|
32
|
-
var newFilters = selectedItems.reduce(function (output, key) {
|
33
|
-
var _a;
|
34
|
-
return (__assign(__assign({}, output), (_a = {}, _a[key] = true, _a)));
|
35
|
-
}, {});
|
36
|
-
setFilters(newFilters);
|
37
|
-
};
|
38
|
-
function renderCheckbox(option) {
|
39
|
-
var id = option.id, label = option.label;
|
40
|
-
var isChecked = (filters || {})[id];
|
41
|
-
return (React.createElement(Checkbox, { key: id + isChecked, label: label, checked: isChecked, onChange: function (_ev, isChecked) { return onToggle(id, isChecked); } }));
|
42
|
-
}
|
43
|
-
return (React.createElement("div", { className: cssPrefix + "ReduxSettings-container" },
|
44
|
-
React.createElement(Dialog, { minWidth: 400, onDismiss: props.onDismiss, hidden: false, dialogContentProps: {
|
45
|
-
type: DialogType.largeHeader,
|
46
|
-
showCloseButton: true,
|
47
|
-
title: 'Filter Actions',
|
48
|
-
className: cssPrefix + "ReduxSettings-container",
|
49
|
-
}, modalProps: {
|
50
|
-
isBlocking: false,
|
51
|
-
} },
|
52
|
-
React.createElement("div", null,
|
53
|
-
React.createElement(Dropdown, { selectedKey: selectedPreset, onChange: onPresetChange, placeholder: "Load a preset", options: presets })),
|
54
|
-
React.createElement("div", { className: "row" },
|
55
|
-
React.createElement(Stack, { tokens: { childrenGap: 10 } }, readingsFilters.filter(function (option) { return option.isShow; }).map(function (option) { return renderCheckbox(option); })),
|
56
|
-
React.createElement(Stack, { tokens: { childrenGap: 10 } }, readingsFilters.filter(function (option) { return !option.isShow; }).map(function (option) { return renderCheckbox(option); }))),
|
57
|
-
React.createElement(DialogFooter, null,
|
58
|
-
React.createElement(DefaultButton, { onClick: props.onDismiss, text: "Close" })))));
|
59
|
-
}
|
60
|
-
export default ReduxSettings;
|
@@ -1,61 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import VirtualList from '../VirtualList/VirtualList';
|
3
|
-
import classnames from 'classnames';
|
4
|
-
import * as selectors from '../../selectors/selectors';
|
5
|
-
import { isEmpty } from 'lodash';
|
6
|
-
import { useDispatch, useSelector } from 'react-redux';
|
7
|
-
import { preview } from '../Preview/Preview';
|
8
|
-
import { ApiRequestStatus } from 'redux-connected/lib/types/types';
|
9
|
-
import cssPrefix from '../prefix';
|
10
|
-
var now = new Date().getTime();
|
11
|
-
export function Requests(props) {
|
12
|
-
var dispatch = useDispatch();
|
13
|
-
var requests = useSelector(selectors.$requestsRaw);
|
14
|
-
var isWide = props.isWide;
|
15
|
-
function onClick(request) {
|
16
|
-
dispatch(preview(request, 'request'));
|
17
|
-
}
|
18
|
-
var className = classnames(cssPrefix + "Logs-container", cssPrefix + "Rows-container", {
|
19
|
-
wide: isWide,
|
20
|
-
});
|
21
|
-
var height = isWide ? 735 : 395;
|
22
|
-
return (React.createElement("div", { className: cssPrefix + "Requests-container" },
|
23
|
-
React.createElement(VirtualList, { className: className, items: requests, height: height, onClick: onClick }, RequestRow)));
|
24
|
-
}
|
25
|
-
var RequestRow = function (props) {
|
26
|
-
var index = props.index;
|
27
|
-
var listItem = props.data[index];
|
28
|
-
var apiRequest = listItem.item;
|
29
|
-
var meta = apiRequest.meta, method = apiRequest.method, path = apiRequest.path, params = apiRequest.params, status = apiRequest.status, errorType = apiRequest.errorType, errorStatus = apiRequest.errorStatus;
|
30
|
-
var createdTS = meta.createdTS, id = meta.id, shortId = meta.shortId, sequence = meta.sequence;
|
31
|
-
var className = classnames(cssPrefix + "Reading-container", {});
|
32
|
-
var delta = ((createdTS - now) / 1000).toFixed(2);
|
33
|
-
function renderStatus() {
|
34
|
-
var text;
|
35
|
-
var isError = status === ApiRequestStatus.ERROR;
|
36
|
-
if (isError) {
|
37
|
-
text = status + " (" + errorType + " " + errorStatus + ")";
|
38
|
-
}
|
39
|
-
else {
|
40
|
-
text = status;
|
41
|
-
}
|
42
|
-
var className = classnames('status', { error: isError });
|
43
|
-
return React.createElement("span", { className: className }, text);
|
44
|
-
}
|
45
|
-
return (React.createElement("div", { className: className, style: props.style, onClick: listItem.onClick, key: id },
|
46
|
-
React.createElement("div", { className: "col" },
|
47
|
-
React.createElement("div", { className: "row" },
|
48
|
-
React.createElement("div", { className: "sequence" }, sequence),
|
49
|
-
React.createElement("div", { className: "badge" }, method),
|
50
|
-
React.createElement("div", { className: "path", title: path }, path)),
|
51
|
-
React.createElement("div", { className: "description" },
|
52
|
-
renderStatus(),
|
53
|
-
isEmpty(params) ? '' : JSON.stringify(params))),
|
54
|
-
React.createElement("div", { className: "col" },
|
55
|
-
React.createElement("div", { className: "timestamp" },
|
56
|
-
"+",
|
57
|
-
delta,
|
58
|
-
"s"),
|
59
|
-
React.createElement("div", { className: "id" }, shortId))));
|
60
|
-
};
|
61
|
-
export default Requests;
|
@@ -1,16 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import classnames from 'classnames';
|
3
|
-
import Json from '../Json/Json';
|
4
|
-
import * as selectors from '../../selectors/selectors';
|
5
|
-
import { useSelector } from 'react-redux';
|
6
|
-
import cssPrefix from '../prefix';
|
7
|
-
export function Status(props) {
|
8
|
-
var isWide = props.isWide;
|
9
|
-
var status = useSelector(selectors.$status);
|
10
|
-
var className = classnames(cssPrefix + "Status-container", {
|
11
|
-
wide: isWide,
|
12
|
-
});
|
13
|
-
return (React.createElement("div", { className: className },
|
14
|
-
React.createElement(Json, { value: status })));
|
15
|
-
}
|
16
|
-
export default Status;
|
@@ -1,9 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import { PanelChildProps } from '../../hooks/usePanels';
|
3
|
-
declare type TaskManagerProps = {
|
4
|
-
defaultPanelId?: string;
|
5
|
-
className?: string;
|
6
|
-
};
|
7
|
-
export declare function TaskManager(props: PanelChildProps & TaskManagerProps): JSX.Element;
|
8
|
-
export declare function TaskManagers(): JSX.Element;
|
9
|
-
export default TaskManagers;
|
@@ -1,22 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
// import Monitor from '../Monitor/Monitor';
|
3
|
-
// import Requests from '../Requests/Requests';
|
4
|
-
// import Redux from '../Redux/Redux';
|
5
|
-
// import Config from '../Config/Config';
|
6
|
-
// import Status from '../Status/Status';
|
7
|
-
// import Preview from '../Preview/Preview';
|
8
|
-
// import Logs from '../Logs/Logs';
|
9
|
-
// import Visual from '../Visual/Visual';
|
10
|
-
// import GlobalSettings from '../GlobalSettings/GlobalSettings';
|
11
|
-
import { usePanels } from '../../hooks/usePanels';
|
12
|
-
import classnames from 'classnames';
|
13
|
-
import cssPrefix from '../prefix';
|
14
|
-
export function TaskManager(props) {
|
15
|
-
var className = classnames(cssPrefix + "TaskManager-container", props.className);
|
16
|
-
return React.createElement("div", { className: className }, "grid");
|
17
|
-
}
|
18
|
-
export function TaskManagers() {
|
19
|
-
var jsx = usePanels(TaskManager);
|
20
|
-
return React.createElement(React.Fragment, null, jsx);
|
21
|
-
}
|
22
|
-
export default TaskManagers;
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { useSelector } from 'react-redux';
|
3
|
-
import TimelineRow from '../TimelineRow/TimelineRow';
|
4
|
-
import cssPrefix from '../prefix';
|
5
|
-
var $i = function (i) { return i; };
|
6
|
-
export function Timeline(props) {
|
7
|
-
var sagas = useSelector(props.selector || $i);
|
8
|
-
if (!Array.isArray(sagas)) {
|
9
|
-
return null;
|
10
|
-
}
|
11
|
-
return (React.createElement("div", { className: cssPrefix + "Timeline-container" }, sagas.map(function (saga) { return (React.createElement(TimelineRow, { key: saga.id, saga: saga })); })));
|
12
|
-
}
|
13
|
-
export default Timeline;
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import classnames from 'classnames';
|
3
|
-
import cssPrefix from '../prefix';
|
4
|
-
export function TimelineEvent(props) {
|
5
|
-
var event = props.event;
|
6
|
-
var timestamp = event.timestamp, action = event.action;
|
7
|
-
var style = {
|
8
|
-
left: (timestamp / 1000) * 100 + 'px',
|
9
|
-
};
|
10
|
-
var className = classnames(cssPrefix + "TimelineEvent-container", action.type);
|
11
|
-
return React.createElement("div", { className: className, style: style });
|
12
|
-
}
|
13
|
-
export default TimelineEvent;
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import TimelineEvent from '../TimelineEvent/TimelineEvent';
|
3
|
-
import TimelineRowHeader from '../TimelineRowHeader/TimelineRowHeader';
|
4
|
-
import cssPrefix from '../prefix';
|
5
|
-
export function TimelineRow(props) {
|
6
|
-
var saga = props.saga;
|
7
|
-
var _a = saga.items, items = _a === void 0 ? [] : _a;
|
8
|
-
var styleBar = {};
|
9
|
-
return (React.createElement("div", { className: cssPrefix + "TimelineRow-container" },
|
10
|
-
React.createElement(TimelineRowHeader, { saga: saga }),
|
11
|
-
React.createElement("div", { className: "bar", style: styleBar }, items.map(function (event, index) { return (React.createElement(TimelineEvent, { key: index, event: event })); }))));
|
12
|
-
}
|
13
|
-
export default TimelineRow;
|
@@ -1,10 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import cssPrefix from '../prefix';
|
3
|
-
export function TimelineRowHeader(props) {
|
4
|
-
var saga = props.saga;
|
5
|
-
return (React.createElement("div", { className: cssPrefix + "TimelineRowHeader-container" },
|
6
|
-
React.createElement("div", { className: "name" }, saga.id),
|
7
|
-
React.createElement("div", { className: "icons" },
|
8
|
-
React.createElement("span", { className: "icon material-icons-outlined" }, "loop"))));
|
9
|
-
}
|
10
|
-
export default TimelineRowHeader;
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import 'react-toggle/style.css';
|
3
|
-
declare type ToggleProps = {
|
4
|
-
defaultChecked: boolean;
|
5
|
-
onChange: (ev: React.ChangeEvent<HTMLInputElement>) => void;
|
6
|
-
};
|
7
|
-
export declare function Toggle(props: ToggleProps): JSX.Element;
|
8
|
-
export default Toggle;
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import 'react-toggle/style.css';
|
3
|
-
import ReactToggle from 'react-toggle';
|
4
|
-
export function Toggle(props) {
|
5
|
-
return (React.createElement("div", { className: "Toggle-container" },
|
6
|
-
React.createElement(ReactToggle, { defaultChecked: props.defaultChecked, onChange: props.onChange })));
|
7
|
-
}
|
8
|
-
export default Toggle;
|
@@ -1,19 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
declare type VirtualListProps = {
|
3
|
-
children: any;
|
4
|
-
items: any[];
|
5
|
-
className?: string;
|
6
|
-
height: number;
|
7
|
-
onClick?(item: any): void;
|
8
|
-
};
|
9
|
-
export declare type VirtualListRowProps = {
|
10
|
-
index: number;
|
11
|
-
style: any;
|
12
|
-
data: any;
|
13
|
-
};
|
14
|
-
export interface VirtualListItemWithEvent<T> {
|
15
|
-
onClick(): void;
|
16
|
-
item: T;
|
17
|
-
}
|
18
|
-
export declare function VirtualList<T>(props: VirtualListProps): JSX.Element;
|
19
|
-
export default VirtualList;
|