ydb-embedded-ui 2.5.0 → 3.0.0

package/dist/containers/Tenant/Diagnostics/Healthcheck/Healthcheck.tsx

@@ -10,6 +10,7 @@ import {
     getHealthcheckInfo,
     selectIssuesTreeById,
     selectIssuesTreesRoots,
+    setDataWasNotLoaded,
 } from '../../../../store/reducers/healthcheckInfo';
 
 import {Details} from './Details';
@@ -43,14 +44,21 @@ export const Healthcheck = (props: HealthcheckProps) => {
 
     const {autorefresh} = useTypedSelector((state) => state.schema);
 
-    const fetchHealthcheck = useCallback(() => {
-        dispatch(getHealthcheckInfo(tenant));
-    }, [dispatch, tenant]);
+    const fetchHealthcheck = useCallback(
+        (isBackground = true) => {
+            if (!isBackground) {
+                dispatch(setDataWasNotLoaded());
+            }
+
+            dispatch(getHealthcheckInfo(tenant));
+        },
+        [dispatch, tenant],
+    );
 
     useAutofetcher(
-        () => {
+        (isBackground) => {
             if (fetchData) {
-                fetchHealthcheck();
+                fetchHealthcheck(isBackground);
             }
         },
         [fetchData, fetchHealthcheck],

package/dist/containers/Tenant/Diagnostics/Network/Network.js

@@ -12,7 +12,7 @@ import Icon from '../../../../components/Icon/Icon';
 import ProblemFilter, {problemFilterType} from '../../../../components/ProblemFilter/ProblemFilter';
 import {Illustration} from '../../../../components/Illustration';
 
-import {getNetworkInfo} from '../../../../store/reducers/network';
+import {getNetworkInfo, setDataWasNotLoaded} from '../../../../store/reducers/network';
 import {hideTooltip, showTooltip} from '../../../../store/reducers/tooltip';
 import {ALL, PROBLEMS} from '../../../../utils/constants';
 import {changeFilter} from '../../../../store/reducers/settings';
@@ -26,6 +26,7 @@ const b = cn('network');
 class Network extends React.Component {
     static propTypes = {
         getNetworkInfo: PropTypes.func,
+        setDataWasNotLoaded: PropTypes.func,
         netWorkInfo: PropTypes.object,
         hideTooltip: PropTypes.func,
         showTooltip: PropTypes.func,
@@ -75,16 +76,27 @@ class Network extends React.Component {
     }
 
     componentDidUpdate(prevProps) {
-        const {autorefresh, path} = this.props;
+        const {autorefresh, path, setDataWasNotLoaded, getNetworkInfo} = this.props;
 
-        if (autorefresh && !prevProps.autorefresh) {
-            getNetworkInfo(path);
+        const restartAutorefresh = () => {
+            this.autofetcher.stop();
             this.autofetcher.start();
             this.autofetcher.fetch(() => getNetworkInfo(path));
+        };
+
+        if (autorefresh && !prevProps.autorefresh) {
+            getNetworkInfo(path);
+            restartAutorefresh();
         }
         if (!autorefresh && prevProps.autorefresh) {
             this.autofetcher.stop();
         }
+
+        if (path !== prevProps.path) {
+            setDataWasNotLoaded();
+            getNetworkInfo(path);
+            restartAutorefresh();
+        }
     }
 
     componentWillUnmount() {
@@ -364,6 +376,7 @@ const mapDispatchToProps = {
     hideTooltip,
     showTooltip,
     changeFilter,
+    setDataWasNotLoaded,
 };
 
 export default connect(mapStateToProps, mapDispatchToProps)(Network);

package/dist/containers/Tenant/Diagnostics/Overview/Overview.tsx

@@ -1,5 +1,5 @@
-import {ReactNode, useMemo} from 'react';
-import {useDispatch, useSelector} from 'react-redux';
+import {ReactNode, useCallback, useMemo} from 'react';
+import {shallowEqual, useDispatch, useSelector} from 'react-redux';
 import cn from 'bem-cn-lite';
 
 import {Loader} from '@gravity-ui/uikit';
@@ -13,15 +13,24 @@ import {
 } from '../../../../components/InfoViewer/schemaInfo';
 
 import {EPathType, TColumnTableDescription} from '../../../../types/api/schema';
-import {isColumnEntityType, isTableType} from '../../utils/schema';
+import {
+    isEntityWithMergedImplementation,
+    isColumnEntityType,
+    isTableType,
+} from '../../utils/schema';
 //@ts-ignore
-import {getSchema, resetLoadingState} from '../../../../store/reducers/schema';
+import {
+    getSchema,
+    getSchemaBatched,
+    resetLoadingState,
+    selectSchemaMergedChildrenPaths,
+} from '../../../../store/reducers/schema';
 //@ts-ignore
 import {
     getOlapStats,
     resetLoadingState as resetOlapLoadingState,
 } from '../../../../store/reducers/olapStats';
-import {useAutofetcher} from '../../../../utils/hooks';
+import {useAutofetcher, useTypedSelector} from '../../../../utils/hooks';
 
 import './Overview.scss';
 
@@ -60,9 +69,7 @@ interface OverviewProps {
 
 const b = cn('kv-tenant-overview');
 
-function Overview(props: OverviewProps) {
-    const {tenantName, type} = props;
-
+function Overview({type, tenantName, className}: OverviewProps) {
     const dispatch = useDispatch();
 
     const {
@@ -78,14 +85,31 @@ function Overview(props: OverviewProps) {
 
     const loading = schemaLoading || olapStatsLoading;
 
-    useAutofetcher(
-        (isBackground) => {
+    const isEntityWithMergedImpl = isEntityWithMergedImplementation(type);
+
+    // There is a circular dependency here. Fetch data depends on children paths
+    // When data in store updated on fetch request,
+    // new object is set there, so source children array is updated
+    // This updates selector, the selector returns a new array, and data is fetched again
+    // To prevent it, shallowEqual, which compares array content, was added
+    const mergedChildrenPaths = useTypedSelector(
+        (state) => selectSchemaMergedChildrenPaths(state, currentSchemaPath, type),
+        shallowEqual,
+    );
+
+    const fetchData = useCallback(
+        (isBackground: boolean) => {
             if (!isBackground) {
                 dispatch(resetLoadingState());
             }
 
             const schemaPath = currentSchemaPath || tenantName;
-            dispatch(getSchema({path: schemaPath}));
+
+            if (!isEntityWithMergedImpl) {
+                dispatch(getSchema({path: schemaPath}));
+            } else if (mergedChildrenPaths) {
+                dispatch(getSchemaBatched([schemaPath, ...mergedChildrenPaths]));
+            }
 
             if (isTableType(type) && isColumnEntityType(type)) {
                 if (!isBackground) {
@@ -94,10 +118,18 @@ function Overview(props: OverviewProps) {
                 dispatch(getOlapStats({path: schemaPath}));
             }
         },
-        [currentSchemaPath, dispatch, tenantName, type],
-        autorefresh,
+        [
+            tenantName,
+            currentSchemaPath,
+            type,
+            isEntityWithMergedImpl,
+            mergedChildrenPaths,
+            dispatch,
+        ],
     );
 
+    useAutofetcher(fetchData, [fetchData], autorefresh);
+
     const tableSchema =
         currentItem?.PathDescription?.Table || currentItem?.PathDescription?.ColumnTableDescription;
 
@@ -128,7 +160,9 @@ function Overview(props: OverviewProps) {
             [EPathType.EPathTypeExtSubDomain]: undefined,
             [EPathType.EPathTypeColumnStore]: undefined,
             [EPathType.EPathTypeColumnTable]: undefined,
-            [EPathType.EPathTypeCdcStream]: () => <CDCStreamInfo data={schemaData} />,
+            [EPathType.EPathTypeCdcStream]: () => (
+                <CDCStreamInfo data={schemaData} childrenPaths={mergedChildrenPaths} />
+            ),
             [EPathType.EPathTypePersQueueGroup]: () => <PersQueueGroupInfo data={schemaData} />,
         };
 
@@ -139,10 +173,10 @@ function Overview(props: OverviewProps) {
         );
     };
 
-    return loading && !wasLoaded ? (
+    return (loading && !wasLoaded) || (isEntityWithMergedImpl && !mergedChildrenPaths) ? (
         renderLoader()
     ) : (
-        <div className={props.className}>{renderContent()}</div>
+        <div className={className}>{renderContent()}</div>
     );
 }
 

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantOverview.js

@@ -53,6 +53,7 @@ class TenantOverview extends React.Component {
 
     componentDidMount() {
         const {tenantName, autorefresh, getTenantInfo} = this.props;
+        getTenantInfo({path: tenantName});
         this.autofetcher = new AutoFetcher();
         if (autorefresh) {
             this.autofetcher.start();
@@ -62,12 +63,25 @@ class TenantOverview extends React.Component {
 
     componentDidUpdate(prevProps) {
         const {autorefresh, tenantName, getTenantInfo} = this.props;
-        if (autorefresh && !prevProps.autorefresh) {
-            getTenantInfo({path: tenantName});
+
+        const restartAutorefresh = () => {
             this.autofetcher.stop();
             this.autofetcher.start();
             this.autofetcher.fetch(() => getTenantInfo({path: tenantName}));
+        };
+
+        if (prevProps.tenantName !== this.props.tenantName) {
+            getTenantInfo({path: tenantName});
+            if (autorefresh) {
+                restartAutorefresh();
+            }
         }
+
+        if (autorefresh && !prevProps.autorefresh) {
+            getTenantInfo({path: tenantName});
+            restartAutorefresh();
+        }
+
         if (!autorefresh && prevProps.autorefresh) {
             this.autofetcher.stop();
         }

package/dist/containers/Tenant/Diagnostics/TopQueries/TopQueries.js

@@ -90,6 +90,7 @@ class TopQueries extends React.Component {
                 wasLoaded: false,
                 data: undefined,
             });
+            this.getTopQueries();
         }
     }
 

package/dist/containers/Tenant/Schema/SchemaTree/SchemaTree.tsx

@@ -6,7 +6,7 @@ import {NavigationTree} from 'ydb-ui-components';
 import {setCurrentSchemaPath, preloadSchemas} from '../../../../store/reducers/schema';
 import type {EPathType, TEvDescribeSchemeResult} from '../../../../types/api/schema';
 
-import {mapPathTypeToNavigationTreeType} from '../../utils/schema';
+import {isChildlessPathType, mapPathTypeToNavigationTreeType} from '../../utils/schema';
 import {getActions} from '../../utils/schemaActions';
 
 interface SchemaTreeProps {
@@ -42,7 +42,7 @@ export function SchemaTree(props: SchemaTreeProps) {
                         type: mapPathTypeToNavigationTreeType(PathType, PathSubType),
                         // FIXME: should only be explicitly set to true for tables with indexes
                         // at the moment of writing there is no property to determine this, fix later
-                        expandable: true,
+                        expandable: !isChildlessPathType(PathType, PathSubType),
                     };
                 });
 

package/dist/containers/Tenant/utils/schema.ts

@@ -88,3 +88,87 @@ const pathTypeToIsColumn: Record<EPathType, boolean> = {
 };
 
 export const isColumnEntityType = (type?: EPathType) => (type && pathTypeToIsColumn[type]) ?? false;
+
+// ====================
+
+const pathTypeToIsDatabase: Record<EPathType, boolean> = {
+    [EPathType.EPathTypeSubDomain]: true,
+    [EPathType.EPathTypeExtSubDomain]: true,
+
+    [EPathType.EPathTypeInvalid]: false,
+    [EPathType.EPathTypeDir]: false,
+    [EPathType.EPathTypeColumnStore]: false,
+    [EPathType.EPathTypeColumnTable]: false,
+    [EPathType.EPathTypeTable]: false,
+    [EPathType.EPathTypeTableIndex]: false,
+    [EPathType.EPathTypeCdcStream]: false,
+    [EPathType.EPathTypePersQueueGroup]: false,
+};
+
+export const isDatabaseEntityType = (type?: EPathType) =>
+    (type && pathTypeToIsDatabase[type]) ?? false;
+
+// ====================
+
+const pathTypeToIsCdcStream: Record<EPathType, boolean> = {
+    [EPathType.EPathTypeCdcStream]: true,
+
+    [EPathType.EPathTypeInvalid]: false,
+    [EPathType.EPathTypeColumnStore]: false,
+    [EPathType.EPathTypeColumnTable]: false,
+    [EPathType.EPathTypeDir]: false,
+    [EPathType.EPathTypeTable]: false,
+    [EPathType.EPathTypeSubDomain]: false,
+    [EPathType.EPathTypeTableIndex]: false,
+    [EPathType.EPathTypeExtSubDomain]: false,
+    [EPathType.EPathTypePersQueueGroup]: false,
+};
+
+export const isCdcStreamEntityType = (type?: EPathType) =>
+    (type && pathTypeToIsCdcStream[type]) ?? false;
+
+// ====================
+
+const pathTypeToEntityWithMergedImplementation: Record<EPathType, boolean> = {
+    [EPathType.EPathTypeCdcStream]: true,
+
+    [EPathType.EPathTypePersQueueGroup]: false,
+    [EPathType.EPathTypeInvalid]: false,
+    [EPathType.EPathTypeColumnStore]: false,
+    [EPathType.EPathTypeColumnTable]: false,
+    [EPathType.EPathTypeDir]: false,
+    [EPathType.EPathTypeTable]: false,
+    [EPathType.EPathTypeSubDomain]: false,
+    [EPathType.EPathTypeTableIndex]: false,
+    [EPathType.EPathTypeExtSubDomain]: false,
+};
+
+export const isEntityWithMergedImplementation = (type?: EPathType) =>
+    (type && pathTypeToEntityWithMergedImplementation[type]) ?? false;
+
+// ====================
+
+const pathSubTypeToChildless: Record<EPathSubType, boolean> = {
+    [EPathSubType.EPathSubTypeSyncIndexImplTable]: true,
+    [EPathSubType.EPathSubTypeAsyncIndexImplTable]: true,
+
+    [EPathSubType.EPathSubTypeStreamImpl]: false,
+    [EPathSubType.EPathSubTypeEmpty]: false,
+};
+
+const pathTypeToChildless: Record<EPathType, boolean> = {
+    [EPathType.EPathTypeCdcStream]: true,
+    [EPathType.EPathTypePersQueueGroup]: true,
+
+    [EPathType.EPathTypeInvalid]: false,
+    [EPathType.EPathTypeColumnStore]: false,
+    [EPathType.EPathTypeColumnTable]: false,
+    [EPathType.EPathTypeDir]: false,
+    [EPathType.EPathTypeTable]: false,
+    [EPathType.EPathTypeSubDomain]: false,
+    [EPathType.EPathTypeTableIndex]: false,
+    [EPathType.EPathTypeExtSubDomain]: false,
+};
+
+export const isChildlessPathType = (type?: EPathType, subType?: EPathSubType) =>
+    ((subType && pathSubTypeToChildless[subType]) || (type && pathTypeToChildless[type])) ?? false;

package/dist/services/api.d.ts

@@ -8,25 +8,29 @@ interface Window {
             params: {path: string},
             axiosOptions?: AxiosOptions,
         ) => Promise<import('../types/api/schema').TEvDescribeSchemeResult>;
+        getDescribe: (
+            params: {path: string},
+            axiosOptions?: AxiosOptions,
+        ) => Promise<import('../types/api/schema').TEvDescribeSchemeResult>;
         getStorageInfo: (
             params: {
-                tenant: string,
-                filter: string,
-                nodeId: string,
-                type: 'Groups' | 'Nodes',
+                tenant: string;
+                filter: string;
+                nodeId: string;
+                type: 'Groups' | 'Nodes';
             },
             axiosOptions?: AxiosOptions,
         ) => Promise<import('../types/api/storage').TStorageInfo>;
         sendQuery: <
             Action extends import('../types/api/query').Actions,
-            Schema extends import('../types/api/query').Schemas = undefined
+            Schema extends import('../types/api/query').Schemas = undefined,
         >(
             params: {
-                query?: string,
-                database?: string,
-                action?: Action,
-                stats?: string,
-                schema?: Schema,
+                query?: string;
+                database?: string;
+                action?: Action;
+                stats?: string;
+                schema?: Schema;
             },
             axiosOptions?: AxiosOptions,
         ) => Promise<import('../types/api/query').QueryAPIResponse<Action, Schema>>;
@@ -38,7 +42,9 @@ interface Window {
             query: string,
             database: string,
         ) => Promise<import('../types/api/query').QueryAPIExplainResponse<'explain-ast'>>;
-        getHealthcheckInfo: (database: string) => Promise<import('../types/api/healthcheck').HealthCheckAPIResponse>,
+        getHealthcheckInfo: (
+            database: string,
+        ) => Promise<import('../types/api/healthcheck').HealthCheckAPIResponse>;
         [method: string]: Function;
     };
 }

package/dist/store/reducers/describe.ts

@@ -3,7 +3,13 @@ import {Reducer} from 'redux';
 
 import '../../services/api';
 import {IConsumer} from '../../types/api/consumers';
-import {IDescribeRootStateSlice, IDescribeState, IDescribeAction} from '../../types/store/describe';
+import {
+    IDescribeRootStateSlice,
+    IDescribeState,
+    IDescribeAction,
+    IDescribeHandledResponse,
+    IDescribeData,
+} from '../../types/store/describe';
 import {createRequestActionTypes, createApiRequest} from '../utils';
 
 export const FETCH_DESCRIBE = createRequestActionTypes('describe', 'FETCH_DESCRIBE');
@@ -27,16 +33,8 @@ const describe: Reducer<IDescribeState, IDescribeAction> = (state = initialState
             };
         }
         case FETCH_DESCRIBE.SUCCESS: {
-            const data = action.data;
-
-            const isCurrentDescribePath = data.Path === state.currentDescribePath;
-
-            let newData = state.data;
-
-            if (data.Path) {
-                newData = JSON.parse(JSON.stringify(state.data));
-                newData[data.Path] = data;
-            }
+            const isCurrentDescribePath = action.data.path === state.currentDescribePath;
+            const newData = {...state.data, ...action.data.data};
 
             if (!isCurrentDescribePath) {
                 return {
@@ -48,7 +46,7 @@ const describe: Reducer<IDescribeState, IDescribeAction> = (state = initialState
             return {
                 ...state,
                 data: newData,
-                currentDescribe: data,
+                currentDescribe: action.data.currentDescribe,
                 loading: false,
                 wasLoaded: true,
                 error: undefined,
@@ -97,7 +95,7 @@ export const setDataWasNotLoaded = () => {
 };
 
 // Consumers selectors
-const selectConsumersNames = (state: IDescribeRootStateSlice, path: string | undefined) =>
+const selectConsumersNames = (state: IDescribeRootStateSlice, path?: string) =>
     path
         ? state.describe.data[path]?.PathDescription?.PersQueueGroup?.PQTabletConfig?.ReadRules
         : undefined;
@@ -106,9 +104,53 @@ export const selectConsumers: Selector<IDescribeRootStateSlice, IConsumer[], [st
     createSelector(selectConsumersNames, (names = []) => names.map((name) => ({name})));
 
 export function getDescribe({path}: {path: string}) {
+    const request = window.api.getDescribe({path});
+    return createApiRequest({
+        request,
+        actions: FETCH_DESCRIBE,
+        dataHandler: (data): IDescribeHandledResponse => {
+            const dataPath = data.Path;
+            const currentDescribe: IDescribeData = {};
+            const newData: IDescribeData = {};
+
+            if (dataPath) {
+                currentDescribe[dataPath] = data;
+                newData[dataPath] = data;
+            }
+
+            return {
+                path: dataPath,
+                currentDescribe,
+                data: newData,
+            };
+        },
+    });
+}
+
+export function getDescribeBatched(paths: string[]) {
+    const requestsArray = paths.map((p) => window.api.getDescribe({path: p}));
+
+    const request = Promise.all(requestsArray);
     return createApiRequest({
-        request: window.api.getDescribe({path}),
+        request,
         actions: FETCH_DESCRIBE,
+        dataHandler: (data): IDescribeHandledResponse => {
+            const currentDescribe: IDescribeData = {};
+            const newData: IDescribeData = {};
+
+            data.forEach((dataItem) => {
+                if (dataItem.Path) {
+                    newData[dataItem.Path] = dataItem;
+                    currentDescribe[dataItem.Path] = dataItem;
+                }
+            });
+
+            return {
+                path: data[0].Path,
+                currentDescribe,
+                data: newData,
+            };
+        },
     });
 }
 

package/dist/store/reducers/healthcheckInfo.ts

@@ -9,21 +9,23 @@ import {
     IHealthcheckInfoState,
     IHealthcheckInfoRootStateSlice,
     IIssuesTree,
+    IHealthCheckInfoAction,
 } from '../../types/store/healthcheck';
-import {HealthCheckAPIResponse, IssueLog, StatusFlag} from '../../types/api/healthcheck';
-import {IResponseError} from '../../types/api/error';
+import {IssueLog, StatusFlag} from '../../types/api/healthcheck';
 
 import '../../services/api';
-import {createRequestActionTypes, createApiRequest, ApiRequestAction} from '../utils';
+import {createRequestActionTypes, createApiRequest} from '../utils';
 
-const FETCH_HEALTHCHECK = createRequestActionTypes('cluster', 'FETCH_HEALTHCHECK');
+export const FETCH_HEALTHCHECK = createRequestActionTypes('cluster', 'FETCH_HEALTHCHECK');
+
+const SET_DATA_WAS_NOT_LOADED = 'healthcheckInfo/SET_DATA_WAS_NOT_LOADED';
 
 const initialState = {loading: false, wasLoaded: false};
 
-const healthcheckInfo: Reducer<
-    IHealthcheckInfoState,
-    ApiRequestAction<typeof FETCH_HEALTHCHECK, HealthCheckAPIResponse, IResponseError>
-> = function (state = initialState, action) {
+const healthcheckInfo: Reducer<IHealthcheckInfoState, IHealthCheckInfoAction> = function (
+    state = initialState,
+    action,
+) {
     switch (action.type) {
         case FETCH_HEALTHCHECK.REQUEST: {
             return {
@@ -49,6 +51,13 @@ const healthcheckInfo: Reducer<
                 loading: false,
             };
         }
+
+        case SET_DATA_WAS_NOT_LOADED: {
+            return {
+                ...state,
+                wasLoaded: false,
+            };
+        }
         default:
             return state;
     }
@@ -127,4 +136,10 @@ export function getHealthcheckInfo(database: string) {
     });
 }
 
+export const setDataWasNotLoaded = () => {
+    return {
+        type: SET_DATA_WAS_NOT_LOADED,
+    } as const;
+};
+
 export default healthcheckInfo;

package/dist/store/reducers/network.js

@@ -6,7 +6,15 @@ const FETCH_ALL_NODES_NETWORK = createRequestActionTypes(
     'FETCH_ALL_NODES_NETWORK',
 );
 
-const network = (state = {data: {}, loading: true, wasLoaded: false}, action) => {
+const SET_DATA_WAS_NOT_LOADED = 'network/SET_DATA_WAS_NOT_LOADED';
+
+const initialState = {
+    data: {},
+    loading: false,
+    wasLoaded: false,
+};
+
+const network = (state = initialState, action) => {
     switch (action.type) {
         case FETCH_ALL_NODES_NETWORK.REQUEST: {
             return {
@@ -30,11 +38,24 @@ const network = (state = {data: {}, loading: true, wasLoaded: false}, action) =>
                 loading: false,
             };
         }
+
+        case SET_DATA_WAS_NOT_LOADED: {
+            return {
+                ...state,
+                wasLoaded: false,
+            };
+        }
         default:
             return state;
     }
 };
 
+export const setDataWasNotLoaded = () => {
+    return {
+        type: SET_DATA_WAS_NOT_LOADED,
+    };
+};
+
 export const getNetworkInfo = (tenant) => {
     return createApiRequest({
         request: window.api.getNetwork(tenant),

package/dist/store/reducers/nodes.js

@@ -6,6 +6,7 @@ const FETCH_NODES = createRequestActionTypes('nodes', 'FETCH_NODES');
 
 const CLEAR_NODES = 'nodes/CLEAR_NODES';
 const SET_NODES_UPTIME_FILTER = 'nodes/SET_NODES_UPTIME_FILTER';
+const SET_DATA_WAS_NOT_LOADED = 'nodes/SET_DATA_WAS_NOT_LOADED';
 
 const initialState = {
     loading: true,
@@ -52,6 +53,12 @@ const nodes = (state = initialState, action) => {
         case SET_NODES_UPTIME_FILTER: {
             return {...state, nodesUptimeFilter: action.data};
         }
+        case SET_DATA_WAS_NOT_LOADED: {
+            return {
+                ...state,
+                wasLoaded: false,
+            };
+        }
         default:
             return state;
     }
@@ -71,6 +78,12 @@ export const setNodesUptimeFilter = (value) => ({
     data: value,
 });
 
+export const setDataWasNotLoaded = () => {
+    return {
+        type: SET_DATA_WAS_NOT_LOADED,
+    };
+};
+
 export const getNodesUptimeFilter = (state) => state.nodes.nodesUptimeFilter;
 
 export default nodes;