redux-connected-devtools 1.0.3 → 1.0.5

package/{src/containers/DevtoolsAppContainer.tsx → dist/containers/DevtoolsAppContainer.js}

@@ -1,42 +1,24 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import DevtoolsApp from '../components/DevtoolsApp/DevtoolsApp';
 import { clearCompletedRequests, clearFailedRequests } from 'redux-connected';
 import { getMinutes, resetStartOfTime } from '../utils/date';
 import { download } from '../utils/download';
 import { useStoreSize } from '../hooks/useStoreSize';
-
-export type DevtoolsAppProps = {
-    connectedStore: any;
-    isDarkMode?: boolean;
-};
-
-export function DevtoolsAppContainer(props: DevtoolsAppProps) {
+export function DevtoolsAppContainer(props) {
     const { connectedStore, isDarkMode } = props;
     const storeSizeInBytes = useStoreSize(connectedStore);
-
     function clearRequests() {
         connectedStore.dispatch(clearCompletedRequests());
         connectedStore.dispatch(clearFailedRequests());
         // also resets time
         resetStartOfTime();
     }
-
     function downloadState() {
         const state = connectedStore.getState();
         const minutes = getMinutes();
         const filename = `state_${minutes}.json`;
         download(filename, state);
     }
-
-    return (
-        <DevtoolsApp
-            connectedStore={connectedStore}
-            clearRequests={clearRequests}
-            downloadState={downloadState}
-            storeSizeInBytes={storeSizeInBytes}
-            isDarkMode={isDarkMode}
-        />
-    );
+    return (_jsx(DevtoolsApp, { connectedStore: connectedStore, clearRequests: clearRequests, downloadState: downloadState, storeSizeInBytes: storeSizeInBytes, isDarkMode: isDarkMode }));
 }
-
 export default DevtoolsAppContainer;

package/{src/containers/EndpointConfigsContainer.tsx → dist/containers/EndpointConfigsContainer.js}

@@ -1,12 +1,9 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import JsonViewer from '../components/JsonViewer/JsonViewer';
 import { connectedSelectors } from 'redux-connected';
 import { useSelector } from 'react-redux';
-
 export function EndpointConfigsContainer() {
     const json = useSelector(connectedSelectors.$endpointsConfigRaw);
-
-    return <JsonViewer json={json} />;
+    return _jsx(JsonViewer, { json: json });
 }
-
 export default EndpointConfigsContainer;

package/{src/containers/EndpointStatusContainer.tsx → dist/containers/EndpointStatusContainer.js}

@@ -1,12 +1,9 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import JsonViewer from '../components/JsonViewer/JsonViewer';
 import { connectedSelectors } from 'redux-connected';
 import { useSelector } from 'react-redux';
-
 export function EndpointStatusContainer() {
     const json = useSelector(connectedSelectors.$endpointsStateRaw);
-
-    return <JsonViewer json={json} />;
+    return _jsx(JsonViewer, { json: json });
 }
-
 export default EndpointStatusContainer;

package/{src/containers/GlobalSettingsContainer.tsx → dist/containers/GlobalSettingsContainer.js}

@@ -1,12 +1,9 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useSelector } from 'react-redux';
 import JsonViewer from '../components/JsonViewer/JsonViewer';
 import { connectedSelectors } from 'redux-connected';
-
 export function GlobalSettingsContainer() {
     const json = useSelector(connectedSelectors.$apiGlobalSettingsRaw);
-
-    return <JsonViewer json={json} />;
+    return _jsx(JsonViewer, { json: json });
 }
-
 export default GlobalSettingsContainer;

package/{src/containers/GlobalStatsContainer.tsx → dist/containers/GlobalStatsContainer.js}

@@ -1,12 +1,9 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useSelector } from 'react-redux';
 import JsonViewer from '../components/JsonViewer/JsonViewer';
 import { connectedSelectors } from 'redux-connected';
-
 export function GlobalStatsContainer() {
     const json = useSelector(connectedSelectors.$apiGlobalStatsRaw);
-
-    return <JsonViewer json={json} />;
+    return _jsx(JsonViewer, { json: json });
 }
-
 export default GlobalStatsContainer;

package/{src/containers/LifecycleApiErrorContainer.tsx → dist/containers/LifecycleApiErrorContainer.js}

@@ -1,11 +1,9 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useSelector } from 'react-redux';
 import Lifecycle from '../components/Lifecycle/Lifecycle';
 import { $requestsApiErrorPast } from '../store/selectors';
-
 export function LifecycleApiErrorContainer() {
     const requests = useSelector($requestsApiErrorPast);
-    return <Lifecycle requests={requests} />;
+    return _jsx(Lifecycle, { requests: requests });
 }
-
 export default LifecycleApiErrorContainer;

package/{src/containers/LifecycleFailedContainer.tsx → dist/containers/LifecycleFailedContainer.js}

@@ -1,11 +1,9 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useSelector } from 'react-redux';
 import Lifecycle from '../components/Lifecycle/Lifecycle';
 import { $requestsFailed } from '../store/selectors';
-
 export function LifecycleFailedContainer() {
     const requests = useSelector($requestsFailed);
-    return <Lifecycle requests={requests} />;
+    return _jsx(Lifecycle, { requests: requests });
 }
-
 export default LifecycleFailedContainer;

package/{src/containers/LifecycleGeneralErrorContainer.tsx → dist/containers/LifecycleGeneralErrorContainer.js}

@@ -1,11 +1,9 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useSelector } from 'react-redux';
 import Lifecycle from '../components/Lifecycle/Lifecycle';
 import { $requestsGeneralErrorPast } from '../store/selectors';
-
 export function LifecycleGeneralErrorContainer() {
     const requests = useSelector($requestsGeneralErrorPast);
-    return <Lifecycle requests={requests} />;
+    return _jsx(Lifecycle, { requests: requests });
 }
-
 export default LifecycleGeneralErrorContainer;

package/{src/containers/LifecycleInQueueContainer.tsx → dist/containers/LifecycleInQueueContainer.js}

@@ -1,11 +1,9 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useSelector } from 'react-redux';
 import Lifecycle from '../components/Lifecycle/Lifecycle';
 import { $requestsInQueuePast } from '../store/selectors';
-
 export function LifecycleInQueueContainer() {
     const requests = useSelector($requestsInQueuePast);
-    return <Lifecycle requests={requests} />;
+    return _jsx(Lifecycle, { requests: requests });
 }
-
 export default LifecycleInQueueContainer;

package/{src/containers/LifecyclePendingApiContainer.tsx → dist/containers/LifecyclePendingApiContainer.js}

@@ -1,11 +1,9 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useSelector } from 'react-redux';
 import Lifecycle from '../components/Lifecycle/Lifecycle';
 import { $requestsPendingApiPast } from '../store/selectors';
-
 export function LifecyclePendingApiContainer() {
     const requests = useSelector($requestsPendingApiPast);
-    return <Lifecycle requests={requests} />;
+    return _jsx(Lifecycle, { requests: requests });
 }
-
 export default LifecyclePendingApiContainer;

package/{src/containers/LifecyclePostActionContainer.tsx → dist/containers/LifecyclePostActionContainer.js}

@@ -1,11 +1,9 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useSelector } from 'react-redux';
 import Lifecycle from '../components/Lifecycle/Lifecycle';
 import { $requestsPostActionPast } from '../store/selectors';
-
 export function LifecyclePostActionContainer() {
     const requests = useSelector($requestsPostActionPast);
-    return <Lifecycle requests={requests} />;
+    return _jsx(Lifecycle, { requests: requests });
 }
-
 export default LifecyclePostActionContainer;

package/{src/containers/LifecycleReceivedContainer.tsx → dist/containers/LifecycleReceivedContainer.js}

@@ -1,11 +1,9 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useSelector } from 'react-redux';
 import Lifecycle from '../components/Lifecycle/Lifecycle';
 import { $requestsReceivedPast } from '../store/selectors';
-
 export function LifecycleReceivedContainer() {
     const requests = useSelector($requestsReceivedPast);
-    return <Lifecycle requests={requests} />;
+    return _jsx(Lifecycle, { requests: requests });
 }
-
 export default LifecycleReceivedContainer;

package/{src/data/devComponents.tsx → dist/data/devComponents.js}

@@ -9,10 +9,7 @@ import LifecyclePendingApiContainer from '../containers/LifecyclePendingApiConta
 import LifecycleApiErrorContainer from '../containers/LifecycleApiErrorContainer';
 import LifecyclePostActionContainer from '../containers/LifecyclePostActionContainer';
 import LifecycleFailedContainer from '../containers/LifecycleFailedContainer';
-
-type DevComponents = Record<string, React.FC<any>>;
-
-export const devComponents: DevComponents = {
+export const devComponents = {
     LifecycleReceived: LifecycleReceivedContainer,
     LifecycleInQueue: LifecycleInQueueContainer,
     LifecycleGeneralError: LifecycleGeneralErrorContainer,

package/{src/data/devRoutes.ts → dist/data/devRoutes.js}

@@ -1,11 +1,4 @@
-export type IDevRoute = {
-    id: string;
-    title: string;
-    group: string;
-    componentId: string;
-};
-
-export const devRoutes: IDevRoute[] = [
+export const devRoutes = [
     {
         id: 'lifecycleReceived',
         title: '1. Received',
@@ -18,7 +11,6 @@ export const devRoutes: IDevRoute[] = [
         group: 'lifecycle',
         componentId: 'LifecycleInQueue',
     },
-
     {
         id: 'lifecyclePendingApi',
         title: '3. Pending API',
@@ -74,17 +66,13 @@ export const devRoutes: IDevRoute[] = [
         componentId: 'GlobalStats',
     },
 ];
-
-const getGroups = (): string[] => {
-    const output: string[] = [];
-
+const getGroups = () => {
+    const output = [];
     devRoutes.forEach((group) => {
         if (!output.includes(group.group)) {
             output.push(group.group);
         }
     });
-
     return output;
 };
-
-export const devGroups: string[] = getGroups();
+export const devGroups = getGroups();

package/dist/dts/components/DevInspector/DevInspector.d.ts

@@ -0,0 +1,6 @@
+import { ApiRequest } from 'redux-connected';
+export type DevInspectorProps = {
+    item?: ApiRequest;
+};
+export declare function DevInspector(props: DevInspectorProps): JSX.Element;
+export default DevInspector;

package/dist/dts/components/DevInspector/DevInspector.style.d.ts

@@ -0,0 +1 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/dts/components/DevList/DevList.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export type DevListProps = {
+    items: Json[];
+    row: React.FC<any>;
+    selectedRow: any;
+    onClick: (item: any) => void;
+};
+export declare function DevList(props: DevListProps): JSX.Element;
+export default DevList;

package/dist/dts/components/DevList/DevList.style.d.ts

@@ -0,0 +1,2 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Empty: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/dts/components/DevMenu/DevMenu.d.ts

@@ -0,0 +1,11 @@
+import { IDevRoute } from '../../data/devRoutes';
+export type DevMenuProps = {
+    groups: string[];
+    items: IDevRoute[];
+    onClick: (route: IDevRoute) => void;
+    selectedId: string;
+    badges: Record<string, number>;
+    badgesTotal: Record<string, number>;
+};
+export declare function DevMenu(props: DevMenuProps): JSX.Element;
+export default DevMenu;

package/dist/dts/components/DevMenu/DevMenu.style.d.ts

@@ -0,0 +1,7 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MenuGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MenuGroupTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MenuItem: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Badge: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BadgeTotal: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/dts/components/DevPanel/DevPanel.d.ts

@@ -0,0 +1,5 @@
+export type DevPanelProps = {
+    children: JSX.Element | JSX.Element[];
+};
+export declare function DevPanel(props: DevPanelProps): JSX.Element;
+export default DevPanel;

package/dist/dts/components/DevPanel/DevPanel.style.d.ts

@@ -0,0 +1,3 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Actions: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/dts/components/DevtoolsApp/DevtoolsApp.d.ts

@@ -0,0 +1,9 @@
+export type DevtoolsAppProps = {
+    connectedStore: any;
+    clearRequests: () => void;
+    downloadState: () => void;
+    storeSizeInBytes?: number;
+    isDarkMode?: boolean;
+};
+export declare function DevtoolsApp(props: DevtoolsAppProps): JSX.Element;
+export default DevtoolsApp;

package/dist/dts/components/DevtoolsApp/DevtoolsApp.style.d.ts

@@ -0,0 +1 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/dts/components/Icon/AllIcons.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export type IconName = 'download' | 'close' | 'clearAll';
+type IconProps = {
+    size?: number;
+};
+type Icons = Record<IconName, React.FC<IconProps>>;
+export declare const allIcons: Icons;
+export {};

package/dist/dts/components/Icon/Icon.d.ts

@@ -0,0 +1,9 @@
+import { IconName } from './AllIcons';
+export type IconProps = {
+    name: IconName;
+    color?: string;
+    size?: number;
+    onClick?: () => void;
+};
+export declare function Icon(props: IconProps): JSX.Element;
+export default Icon;

package/dist/dts/components/Icon/Icon.style.d.ts

@@ -0,0 +1,3 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {
+    color?: string | undefined;
+}, never>;

package/dist/dts/components/JourneyRow/JourneyRow.d.ts

@@ -0,0 +1,6 @@
+import { JourneyPoint } from 'redux-connected';
+export type JourneyRowProps = {
+    point: JourneyPoint;
+};
+export declare function JourneyRow(props: JourneyRowProps): JSX.Element;
+export default JourneyRow;

package/dist/dts/components/JourneyRow/JourneyRow.style.d.ts

@@ -0,0 +1,5 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Status: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DataIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Delta: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Flex: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/dts/components/JsonViewer/JsonViewer.d.ts

@@ -0,0 +1,6 @@
+export type JsonViewerProps = {
+    json: Json | undefined;
+    width?: number;
+};
+export declare function JsonViewer(props: JsonViewerProps): JSX.Element;
+export default JsonViewer;

package/dist/dts/components/JsonViewer/JsonViewer.style.d.ts

@@ -0,0 +1,3 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {
+    width?: number | undefined;
+}, never>;

package/dist/dts/components/Lifecycle/Lifecycle.d.ts

@@ -0,0 +1,6 @@
+import { ApiRequest } from 'redux-connected';
+export type LifecycleProps = {
+    requests: ApiRequest[];
+};
+export declare function Lifecycle(props: LifecycleProps): JSX.Element;
+export default Lifecycle;

package/dist/dts/components/Lifecycle/Lifecycle.style.d.ts

@@ -0,0 +1 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/dts/components/RequestDetails/RequestDetails.d.ts

@@ -0,0 +1,6 @@
+import { ApiRequest } from 'redux-connected';
+export type RequestDetailsProps = {
+    item: ApiRequest;
+};
+export declare function RequestDetails(props: RequestDetailsProps): JSX.Element;
+export default RequestDetails;

package/dist/dts/components/RequestDetails/RequestDetails.style.d.ts

@@ -0,0 +1,4 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Table: import("styled-components").StyledComponent<"table", any, {}, never>;
+export declare const Tr: import("styled-components").StyledComponent<"tr", any, {}, never>;
+export declare const Td: import("styled-components").StyledComponent<"td", any, {}, never>;

package/dist/dts/components/RequestJourney/RequestJourney.d.ts

@@ -0,0 +1,6 @@
+import { ApiRequest } from 'redux-connected';
+export type RequestJourneyProps = {
+    item: ApiRequest;
+};
+export declare function RequestJourney(props: RequestJourneyProps): JSX.Element;
+export default RequestJourney;

package/dist/dts/components/RequestJourney/RequestJourney.style.d.ts

@@ -0,0 +1 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/dts/components/RequestRow/RequestRow.d.ts

@@ -0,0 +1,10 @@
+import { ApiRequest } from 'redux-connected';
+export type RequestRowProps = {
+    style: Json;
+    item: ApiRequest;
+    index: number;
+    className?: string;
+    onClick: (item: ApiRequest) => void;
+};
+export declare function RequestRow(props: RequestRowProps): JSX.Element;
+export default RequestRow;

package/dist/dts/components/RequestRow/RequestRow.style.d.ts

@@ -0,0 +1,6 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {
+    index: number;
+}, never>;
+export declare const Col: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Id: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Type: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/dts/components/Size/Size.d.ts

@@ -0,0 +1,5 @@
+export type SizeProps = {
+    size?: number;
+};
+export declare function Size(props: SizeProps): JSX.Element;
+export default Size;

package/dist/dts/components/Size/Size.style.d.ts

@@ -0,0 +1 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/dts/components/Time/Time.d.ts

@@ -0,0 +1,5 @@
+export type TimeProps = {
+    value: number;
+};
+export declare function Time(props: TimeProps): JSX.Element;
+export default Time;

package/dist/dts/components/Time/Time.style.d.ts

@@ -0,0 +1,3 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Full: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Fraction: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/dts/containers/DevMenuContainer.d.ts

@@ -0,0 +1,7 @@
+import { IDevRoute } from '../data/devRoutes';
+type DevPanelProps = {
+    selectedId: string;
+    onClick: (route: IDevRoute) => void;
+};
+export declare function DevMenuContainer(props: DevPanelProps): JSX.Element;
+export default DevMenuContainer;

package/dist/dts/containers/DevPanelContainer.d.ts

@@ -0,0 +1,5 @@
+type DevPanelProps = {
+    children: JSX.Element | JSX.Element[];
+};
+export declare function DevPanelContainer(props: DevPanelProps): JSX.Element;
+export default DevPanelContainer;

package/dist/dts/containers/DevtoolsAppContainer.d.ts

@@ -0,0 +1,6 @@
+export type DevtoolsAppProps = {
+    connectedStore: any;
+    isDarkMode?: boolean;
+};
+export declare function DevtoolsAppContainer(props: DevtoolsAppProps): JSX.Element;
+export default DevtoolsAppContainer;

package/dist/dts/containers/EndpointConfigsContainer.d.ts

@@ -0,0 +1,2 @@
+export declare function EndpointConfigsContainer(): JSX.Element;
+export default EndpointConfigsContainer;

package/dist/dts/containers/EndpointStatusContainer.d.ts

@@ -0,0 +1,2 @@
+export declare function EndpointStatusContainer(): JSX.Element;
+export default EndpointStatusContainer;

package/dist/dts/containers/GlobalSettingsContainer.d.ts

@@ -0,0 +1,2 @@
+export declare function GlobalSettingsContainer(): JSX.Element;
+export default GlobalSettingsContainer;

package/dist/dts/containers/GlobalStatsContainer.d.ts

@@ -0,0 +1,2 @@
+export declare function GlobalStatsContainer(): JSX.Element;
+export default GlobalStatsContainer;

package/dist/dts/containers/LifecycleApiErrorContainer.d.ts

@@ -0,0 +1,2 @@
+export declare function LifecycleApiErrorContainer(): JSX.Element;
+export default LifecycleApiErrorContainer;

package/dist/dts/containers/LifecycleFailedContainer.d.ts

@@ -0,0 +1,2 @@
+export declare function LifecycleFailedContainer(): JSX.Element;
+export default LifecycleFailedContainer;

package/dist/dts/containers/LifecycleGeneralErrorContainer.d.ts

@@ -0,0 +1,2 @@
+export declare function LifecycleGeneralErrorContainer(): JSX.Element;
+export default LifecycleGeneralErrorContainer;

package/dist/dts/containers/LifecycleInQueueContainer.d.ts

@@ -0,0 +1,2 @@
+export declare function LifecycleInQueueContainer(): JSX.Element;
+export default LifecycleInQueueContainer;

package/dist/dts/containers/LifecyclePendingApiContainer.d.ts

@@ -0,0 +1,2 @@
+export declare function LifecyclePendingApiContainer(): JSX.Element;
+export default LifecyclePendingApiContainer;

package/dist/dts/containers/LifecyclePostActionContainer.d.ts

@@ -0,0 +1,2 @@
+export declare function LifecyclePostActionContainer(): JSX.Element;
+export default LifecyclePostActionContainer;

package/dist/dts/containers/LifecycleReceivedContainer.d.ts

@@ -0,0 +1,2 @@
+export declare function LifecycleReceivedContainer(): JSX.Element;
+export default LifecycleReceivedContainer;

package/dist/dts/data/devComponents.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+type DevComponents = Record<string, React.FC<any>>;
+export declare const devComponents: DevComponents;
+export {};

package/dist/dts/data/devRoutes.d.ts

@@ -0,0 +1,8 @@
+export type IDevRoute = {
+    id: string;
+    title: string;
+    group: string;
+    componentId: string;
+};
+export declare const devRoutes: IDevRoute[];
+export declare const devGroups: string[];

package/dist/dts/hooks/useStoreSize.d.ts

@@ -0,0 +1,7 @@
+type Callback = () => void;
+interface ReduxStore {
+    getState: () => Json;
+    subscribe: (callback: Callback) => void;
+}
+export declare const useStoreSize: (store: ReduxStore) => number | undefined;
+export {};