ydb-embedded-ui 2.3.0 → 2.4.1

package/dist/store/reducers/schema.js

@@ -2,7 +2,7 @@ import {createRequestActionTypes, createApiRequest} from '../utils';
 import '../../services/api';
 
 const FETCH_SCHEMA = createRequestActionTypes('schema', 'FETCH_SCHEMA');
-const PRELOAD_SCHEMA = 'schema/PRELOAD_SCHEMA';
+const PRELOAD_SCHEMAS = 'schema/PRELOAD_SCHEMAS';
 const SET_SCHEMA = 'schema/SET_SCHEMA';
 const SET_SHOW_PREVIEW = 'schema/SET_SHOW_PREVIEW';
 const ENABLE_AUTOREFRESH = 'schema/ENABLE_AUTOREFRESH';
@@ -18,7 +18,7 @@ export const initialState = {
     showPreview: false,
 };
 
-const schema = function z(state = initialState, action) {
+const schema = (state = initialState, action) => {
     switch (action.type) {
         case FETCH_SCHEMA.REQUEST: {
             return {
@@ -44,7 +44,7 @@ const schema = function z(state = initialState, action) {
             };
         }
         case FETCH_SCHEMA.FAILURE: {
-            if (action.error.isCancelled) {
+            if (action.error?.isCancelled) {
                 return state;
             }
 
@@ -54,16 +54,13 @@ const schema = function z(state = initialState, action) {
                 loading: false,
             };
         }
-        case PRELOAD_SCHEMA: {
-            if (state.data[action.path]) {
-                return state;
-            }
-
+        case PRELOAD_SCHEMAS: {
             return {
                 ...state,
                 data: {
+                    // we don't want to overwrite existing paths
+                    ...action.data,
                     ...state.data,
-                    [action.path]: action.data,
                 },
             };
         }
@@ -133,11 +130,11 @@ export function setShowPreview(value) {
     };
 }
 
-// only stores the passed data if the path doesn't exist yet
-export function preloadSchema(path, data) {
+// only stores data for paths that are not in the store yet
+// existing paths are ignored
+export function preloadSchemas(data) {
     return {
-        type: PRELOAD_SCHEMA,
-        path,
+        type: PRELOAD_SCHEMAS,
         data,
     };
 }

package/dist/store/reducers/storage.js

@@ -39,7 +39,7 @@ const initialState = {
     type: StorageTypes.groups,
 };
 
-const storage = function z(state = initialState, action) {
+const storage = (state = initialState, action) => {
     switch (action.type) {
         case FETCH_STORAGE.REQUEST: {
             return {
@@ -57,10 +57,8 @@ const storage = function z(state = initialState, action) {
             };
         }
         case FETCH_STORAGE.FAILURE: {
-            if (action.error.isCancelled) {
-                return {
-                    ...state,
-                };
+            if (action.error?.isCancelled) {
+                return state;
             }
 
             return {
@@ -239,7 +237,9 @@ export const getFlatListStorageGroups = createSelector([getStoragePools], (stora
                     );
                     const mediaType = group.VDisks?.reduce((type, vdisk) => {
                         const currentType = getPDiskType(vdisk.PDisk || {});
-                        return currentType && (currentType === type || type === '') ? currentType : 'Mixed';
+                        return currentType && (currentType === type || type === '')
+                            ? currentType
+                            : 'Mixed';
                     }, '');
                     return [
                         ...acc,

package/dist/store/utils.ts

@@ -7,7 +7,10 @@ import {SET_UNAUTHENTICATED} from './reducers/authentication';
 
 export const nop = (result: any) => result;
 
-export function createRequestActionTypes<Prefix extends string, Type extends string>(prefix: Prefix, type: Type) {
+export function createRequestActionTypes<Prefix extends string, Type extends string>(
+    prefix: Prefix,
+    type: Type,
+) {
     return {
         REQUEST: `${prefix}/${type}_REQUEST`,
         SUCCESS: `${prefix}/${type}_SUCCESS`,
@@ -15,19 +18,24 @@ export function createRequestActionTypes<Prefix extends string, Type extends str
     } as const;
 }
 
-const isAxiosResponse = (response: any): response is AxiosResponse => response && 'status' in response;
+const isAxiosResponse = (response: any): response is AxiosResponse =>
+    response && 'status' in response;
 
 type CreateApiRequestParams<Actions, Response, HandledResponse> = {
     actions: Actions;
     request: Promise<Response>;
-    dataHandler: (data: Response, getState?: () => any) => HandledResponse;
+    dataHandler?: (data: Response, getState?: () => any) => HandledResponse;
 };
 
 export function createApiRequest<
     Actions extends ReturnType<typeof createRequestActionTypes>,
     Response,
     HandledResponse,
->({actions, request, dataHandler = nop}: CreateApiRequestParams<Actions, Response, HandledResponse>) {
+>({
+    actions,
+    request,
+    dataHandler = nop,
+}: CreateApiRequestParams<Actions, Response, HandledResponse>) {
     const doRequest = async function (dispatch: Dispatch, getState: () => any) {
         dispatch({
             type: actions.REQUEST,
@@ -73,16 +81,16 @@ export function createApiRequest<
 export type ApiRequestAction<
     Actions extends ReturnType<typeof createRequestActionTypes>,
     SuccessResponse = unknown,
-    ErrorResponse = unknown
+    ErrorResponse = unknown,
 > =
     | {
-        type: Actions['REQUEST'],
-    }
+          type: Actions['REQUEST'];
+      }
     | {
-        type: Actions['SUCCESS'],
-        data: SuccessResponse,
-    }
+          type: Actions['SUCCESS'];
+          data: SuccessResponse;
+      }
     | {
-        type: Actions['FAILURE'],
-        error: ErrorResponse,
-    };
+          type: Actions['FAILURE'];
+          error: ErrorResponse;
+      };

package/dist/types/api/consumers.ts

@@ -0,0 +1,3 @@
+export interface IConsumer {
+    name: string;
+}

package/dist/types/api/healthcheck.ts

@@ -6,7 +6,7 @@ export enum SelfCheckResult {
     EMERGENCY = 'EMERGENCY',
 }
 
-enum StatusFlag {
+export enum StatusFlag {
     UNSPECIFIED = 'UNSPECIFIED',
     GREY = 'GREY',
     GREEN = 'GREEN',

package/dist/types/store/healthcheck.ts

@@ -1,3 +1,7 @@
-import type {HealthCheckAPIResponse} from "../api/healthcheck";
+import type {HealthCheckAPIResponse, IssueLog} from '../api/healthcheck';
+
+export interface IIssuesTree extends IssueLog {
+    reasonsItems?: IIssuesTree[];
+}
 
 export type IHealthCheck = HealthCheckAPIResponse;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ydb-embedded-ui",
-  "version": "2.3.0",
+  "version": "2.4.1",
   "files": [
     "dist"
   ],

package/dist/containers/Storage/StorageFilter/index.ts

@@ -1 +0,0 @@
-export * from './StorageFilter';

package/dist/containers/Tenant/Diagnostics/Healthcheck/IssuePreview/index.ts

@@ -1 +0,0 @@
-export * from './IssuePreview';

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

@@ -1,62 +0,0 @@
-import cn from 'bem-cn-lite';
-
-import {Button, Icon} from '@gravity-ui/uikit';
-
-import updateArrow from '../../../../../assets/icons/update-arrow.svg';
-
-import type {IHealthCheck} from '../../../../../types/store/healthcheck';
-
-import IssuesViewer from '../IssuesViewer/IssuesViewer';
-
-import i18n from '../i18n';
-
-const b = cn('healthcheck');
-
-interface IssuesListProps {
-    data?: IHealthCheck;
-    loading?: boolean;
-    expandedIssueId?: string;
-    onUpdate: VoidFunction;
-}
-
-export const IssuesList = (props: IssuesListProps) => {
-    const {data, loading, onUpdate, expandedIssueId} = props;
-
-    if (!data) {
-        return null;
-    }
-
-    const renderHealthcheckHeader = () => {
-        return (
-            <div className={b('issues-list-header')}>
-                <h3 className={b('issues-list-header-title')}>{i18n('title.healthcheck')}</h3>
-                <div className={b('issues-list-header-update')}>
-                    <Button size="s" onClick={onUpdate} loading={loading} view="flat-secondary">
-                        <Icon data={updateArrow} height={20} width={20} />
-                    </Button>
-                </div>
-            </div>
-        );
-    };
-
-    const renderHealthcheckIssues = () => {
-        const {issue_log: issueLog} = data;
-
-        if (!issueLog) {
-            return null;
-        }
-
-        return (
-            <div className={b('issues')}>
-                <IssuesViewer issues={issueLog} expandedIssueId={expandedIssueId} />
-            </div>
-        );
-    };
-
-    return (
-        <div className={b('issues-list')}>
-            {renderHealthcheckHeader()}
-            {renderHealthcheckIssues()}
-        </div>
-    );
-};

package/dist/containers/Tenant/Diagnostics/Healthcheck/IssuesList/index.ts

@@ -1 +0,0 @@
-export * from './IssuesList';

package/dist/containers/Tenant/Diagnostics/Healthcheck/IssuesViewer/IssuesViewer.js

@@ -1,151 +0,0 @@
-import {useCallback, useEffect, useState} from 'react';
-import cn from 'bem-cn-lite';
-import JSONTree from 'react-json-inspector';
-import _ from 'lodash';
-import _flow from 'lodash/fp/flow';
-import _filter from 'lodash/fp/filter';
-import _sortBy from 'lodash/fp/sortBy';
-import _uniqBy from 'lodash/fp/uniqBy';
-
-import {TreeView} from 'ydb-ui-components';
-
-import EntityStatus from '../../../../../components/EntityStatus/EntityStatus';
-
-import './IssueViewer.scss';
-
-const issueBlock = cn('issue');
-
-const IssueRow = ({data, onClick}) => {
-    const {status, message, type} = data;
-
-    return (
-        <div className={issueBlock()} onClick={onClick}>
-            <div className={issueBlock('field', {status: true})}>
-                <EntityStatus mode="icons" status={status} name={type} />
-            </div>
-            <div className={issueBlock('field', {message: true})}>{message}</div>
-        </div>
-    );
-};
-
-const issueViewerBlock = cn('issue-viewer');
-
-const IssuesViewer = ({issues, expandedIssueId}) => {
-    const [data, setData] = useState([]);
-    const [collapsedIssues, setCollapsedIssues] = useState({});
-
-    useEffect(() => {
-        const newData = getInvertedConsequencesTree({data: issues});
-
-        setData(newData);
-    }, [issues]);
-
-    const renderTree = useCallback(
-        (data, childrenKey) => {
-            return _.map(data, (item) => {
-                const {id} = item;
-
-                // eslint-disable-next-line no-unused-vars
-                const {status, message, type, reasonsItems, reason, level, ...rest} = item;
-
-                if (level === 1 && expandedIssueId && id !== expandedIssueId) {
-                    return;
-                }
-
-                const isCollapsed =
-                    typeof collapsedIssues[id] === 'undefined' || collapsedIssues[id];
-
-                const toggleCollapsed = () => {
-                    setCollapsedIssues((collapsedIssues) => ({
-                        ...collapsedIssues,
-                        [id]: !isCollapsed,
-                    }));
-                };
-
-                return (
-                    <TreeView
-                        key={id}
-                        name={<IssueRow data={item} />}
-                        collapsed={isCollapsed}
-                        hasArrow={true}
-                        onClick={toggleCollapsed}
-                        onArrowClick={toggleCollapsed}
-                        level={level - 1}
-                    >
-                        {renderInfoPanel(rest)}
-                        {renderTree(item[childrenKey], childrenKey)}
-                    </TreeView>
-                );
-            });
-        },
-        [data, collapsedIssues],
-    );
-
-    const renderInfoPanel = useCallback(
-        (info) => {
-            if (!info) {
-                return null;
-            }
-
-            return (
-                <div className={issueViewerBlock('info-panel')}>
-                    <JSONTree
-                        data={info}
-                        search={false}
-                        isExpanded={() => true}
-                        className={issueViewerBlock('inspector')}
-                    />
-                </div>
-            );
-        },
-        [data],
-    );
-
-    return (
-        <div className={issueViewerBlock()}>
-            <div className={issueViewerBlock('tree')}>{renderTree(data, 'reasonsItems')}</div>
-        </div>
-    );
-};
-
-function getReasonsForIssue({issue, data}) {
-    return _.filter(data, (item) => issue.reason && issue.reason.indexOf(item.id) !== -1);
-}
-
-const mapStatusToPriority = {
-    RED: 0,
-    ORANGE: 1,
-    YELLOW: 2,
-    BLUE: 3,
-    GREEN: 4,
-};
-
-function getInvertedConsequencesTree({data, roots: receivedRoots}) {
-    let roots = receivedRoots;
-    if (!roots && data) {
-        roots = _flow([
-            _filter((item) => {
-                return !_.find(
-                    data,
-                    (issue) => issue.reason && issue.reason.indexOf(item.id) !== -1,
-                );
-            }),
-            _uniqBy((item) => item.id),
-            _sortBy(({status}) => mapStatusToPriority[status]),
-        ])(data);
-    }
-
-    return _.map(roots, (issue) => {
-        const reasonsItems = getInvertedConsequencesTree({
-            roots: getReasonsForIssue({issue, data}),
-            data,
-        });
-
-        return {
-            ...issue,
-            reasonsItems,
-        };
-    });
-}
-
-export default IssuesViewer;

package/dist/store/reducers/describe.js

@@ -1,45 +0,0 @@
-import {createRequestActionTypes, createApiRequest} from '../utils';
-import '../../services/api';
-
-const FETCH_DESCRIBE = createRequestActionTypes('describe', 'FETCH_DESCRIBE');
-
-const describe = function z(state = {loading: false, wasLoaded: false, data: {}}, action) {
-    switch (action.type) {
-        case FETCH_DESCRIBE.REQUEST: {
-            return {
-                ...state,
-                loading: true,
-            };
-        }
-        case FETCH_DESCRIBE.SUCCESS: {
-            const newData = JSON.parse(JSON.stringify(state.data));
-            newData[action.data.Path] = action.data;
-            return {
-                ...state,
-                data: newData,
-                currentDescribe: action.data,
-                loading: false,
-                wasLoaded: true,
-                error: undefined,
-            };
-        }
-        case FETCH_DESCRIBE.FAILURE: {
-            return {
-                ...state,
-                error: action.error,
-                loading: false,
-            };
-        }
-        default:
-            return state;
-    }
-};
-
-export function getDescribe({path}) {
-    return createApiRequest({
-        request: window.api.getDescribe({path}),
-        actions: FETCH_DESCRIBE,
-    });
-}
-
-export default describe;

package/dist/store/reducers/healthcheckInfo.js

@@ -1,45 +0,0 @@
-import {createRequestActionTypes, createApiRequest} from '../utils';
-import '../../services/api';
-
-const FETCH_HEALTHCHECK = createRequestActionTypes('cluster', 'FETCH_HEALTHCHECK');
-
-const initialState = {loading: false, wasLoaded: false};
-const healthcheckInfo = function (state = initialState, action) {
-    switch (action.type) {
-        case FETCH_HEALTHCHECK.REQUEST: {
-            return {
-                ...state,
-                loading: true,
-            };
-        }
-        case FETCH_HEALTHCHECK.SUCCESS: {
-            const {data} = action;
-
-            return {
-                ...state,
-                data,
-                wasLoaded: true,
-                loading: false,
-                error: undefined,
-            };
-        }
-        case FETCH_HEALTHCHECK.FAILURE: {
-            return {
-                ...state,
-                error: action.error,
-                loading: false,
-            };
-        }
-        default:
-            return state;
-    }
-};
-
-export function getHealthcheckInfo(database) {
-    return createApiRequest({
-        request: window.api.getHealthcheckInfo(database),
-        actions: FETCH_HEALTHCHECK,
-    });
-}
-
-export default healthcheckInfo;