ydb-embedded-ui 4.9.0 → 4.10.0

package/dist/store/reducers/storage/storage.js

@@ -1,404 +0,0 @@
-import _ from 'lodash';
-import {createSelector} from 'reselect';
-
-import {calcUptime} from '../../../utils';
-import {getUsage} from '../../../utils/storage';
-import {NodesUptimeFilterValues} from '../../../utils/nodes';
-import {getPDiskType} from '../../../utils/pdisk';
-import '../../../services/api';
-
-import {createRequestActionTypes, createApiRequest} from '../../utils';
-import {filterNodesByUptime} from '../nodes/nodes';
-
-import {VISIBLE_ENTITIES, STORAGE_TYPES} from './constants';
-
-const FETCH_STORAGE = createRequestActionTypes('storage', 'FETCH_STORAGE');
-const SET_INITIAL = 'storage/SET_INITIAL';
-const SET_FILTER = 'storage/SET_FILTER';
-const SET_USAGE_FILTER = 'storage/SET_USAGE_FILTER';
-const SET_VISIBLE_GROUPS = 'storage/SET_VISIBLE_GROUPS';
-const SET_STORAGE_TYPE = 'storage/SET_STORAGE_TYPE';
-const SET_NODES_UPTIME_FILTER = 'storage/SET_NODES_UPTIME_FILTER';
-const SET_DATA_WAS_NOT_LOADED = 'storage/SET_DATA_WAS_NOT_LOADED';
-
-const initialState = {
-    loading: true,
-    wasLoaded: false,
-    filter: '',
-    usageFilter: [],
-    visible: VISIBLE_ENTITIES.missing,
-    nodesUptimeFilter: NodesUptimeFilterValues.All,
-    type: STORAGE_TYPES.groups,
-};
-
-const storage = (state = initialState, action) => {
-    switch (action.type) {
-        case FETCH_STORAGE.REQUEST: {
-            return {
-                ...state,
-                loading: true,
-            };
-        }
-        case FETCH_STORAGE.SUCCESS: {
-            return {
-                ...state,
-                data: action.data,
-                loading: false,
-                wasLoaded: true,
-                error: undefined,
-            };
-        }
-        case FETCH_STORAGE.FAILURE: {
-            if (action.error?.isCancelled) {
-                return state;
-            }
-
-            return {
-                ...state,
-                error: action.error,
-                loading: false,
-                wasLoaded: true,
-            };
-        }
-        case SET_INITIAL: {
-            return {
-                ...initialState,
-            };
-        }
-        case SET_FILTER: {
-            return {
-                ...state,
-                filter: action.data,
-            };
-        }
-        case SET_USAGE_FILTER: {
-            return {
-                ...state,
-                usageFilter: action.data,
-            };
-        }
-        case SET_VISIBLE_GROUPS: {
-            return {
-                ...state,
-                visible: action.data,
-                wasLoaded: false,
-                error: undefined,
-            };
-        }
-
-        case SET_NODES_UPTIME_FILTER: {
-            return {
-                ...state,
-                nodesUptimeFilter: action.data,
-            };
-        }
-        case SET_STORAGE_TYPE: {
-            return {
-                ...state,
-                type: action.data,
-                filter: '',
-                usageFilter: [],
-                wasLoaded: false,
-                error: undefined,
-            };
-        }
-        case SET_DATA_WAS_NOT_LOADED: {
-            return {
-                ...state,
-                wasLoaded: false,
-            };
-        }
-        default:
-            return state;
-    }
-};
-
-export function setInitialState() {
-    return {
-        type: SET_INITIAL,
-    };
-}
-
-export function getStorageInfo({tenant, visibleEntities, nodeId, type}, {concurrentId}) {
-    if (type === STORAGE_TYPES.nodes) {
-        return createApiRequest({
-            request: window.api.getNodes({tenant, visibleEntities, type: 'static'}, {concurrentId}),
-            actions: FETCH_STORAGE,
-        });
-    }
-
-    return createApiRequest({
-        request: window.api.getStorageInfo({tenant, visibleEntities, nodeId}, {concurrentId}),
-        actions: FETCH_STORAGE,
-    });
-}
-
-export function setStorageType(value) {
-    return {
-        type: SET_STORAGE_TYPE,
-        data: value,
-    };
-}
-
-export function setStorageFilter(value) {
-    return {
-        type: SET_FILTER,
-        data: value,
-    };
-}
-
-export function setUsageFilter(value) {
-    return {
-        type: SET_USAGE_FILTER,
-        data: value,
-    };
-}
-
-export function setVisibleEntities(value) {
-    return {
-        type: SET_VISIBLE_GROUPS,
-        data: value,
-    };
-}
-
-export function setNodesUptimeFilter(value) {
-    return {
-        type: SET_NODES_UPTIME_FILTER,
-        data: value,
-    };
-}
-
-export const setDataWasNotLoaded = () => {
-    return {
-        type: SET_DATA_WAS_NOT_LOADED,
-    };
-};
-
-export const getStoragePools = (state) => state.storage.data?.StoragePools;
-export const getStoragePoolsGroupsCount = (state) => ({
-    total: state.storage.data?.TotalGroups || 0,
-    found: state.storage.data?.FoundGroups || 0,
-});
-export const getStorageNodes = (state) => state.storage.data?.Nodes;
-export const getStorageNodesCount = (state) => ({
-    total: state.storage.data?.TotalNodes || 0,
-    found: state.storage.data?.FoundNodes || 0,
-});
-export const getStorageFilter = (state) => state.storage.filter;
-export const getUsageFilter = (state) => state.storage.usageFilter;
-export const getVisibleEntities = (state) => state.storage.visible;
-export const getNodesUptimeFilter = (state) => state.storage.nodesUptimeFilter;
-export const getStorageType = (state) => state.storage.type;
-
-const FLAGS_POINTS = {
-    Green: 1,
-    Yellow: 100,
-    Orange: 10_000,
-    Red: 1_000_000,
-};
-export const getFlatListStorageGroups = createSelector([getStoragePools], (storagePools) => {
-    return _.reduce(
-        storagePools,
-        (acc, pool) => {
-            const groups = _.reduce(
-                pool.Groups,
-                (acc, group) => {
-                    const missing = _.filter(group.VDisks, (v) => {
-                        return !v.Replicated || v.PDisk.State !== 'Normal' || v.VDiskState !== 'OK';
-                    }).length;
-
-                    const UsedSpaceFlag = _.reduce(
-                        group.VDisks,
-                        (acc, v) => {
-                            if (v.DiskSpace) {
-                                acc += FLAGS_POINTS[v.DiskSpace];
-                            }
-                            return acc;
-                        },
-                        0,
-                    );
-
-                    const usedSpaceBytes = _.reduce(
-                        group.VDisks,
-                        (acc, vDisk) => {
-                            return acc + (Number(vDisk.AllocatedSize) || 0);
-                        },
-                        0,
-                    );
-                    const limitSizeBytes = _.reduce(
-                        group.VDisks,
-                        (acc, vDisk) => {
-                            const {AvailableSize, AllocatedSize, PDisk} = vDisk;
-                            const available = (AvailableSize ?? PDisk?.AvailableSize) || 0;
-                            const allocated = AllocatedSize || 0;
-
-                            return acc + Number(available) + Number(allocated);
-                        },
-                        0,
-                    );
-                    const readSpeedBytesPerSec = _.reduce(
-                        group.VDisks,
-                        (acc, vDisk) => {
-                            return acc + (Number(vDisk.ReadThroughput) || 0);
-                        },
-                        0,
-                    );
-                    const writeSpeedBytesPerSec = _.reduce(
-                        group.VDisks,
-                        (acc, vDisk) => {
-                            return acc + (Number(vDisk.WriteThroughput) || 0);
-                        },
-                        0,
-                    );
-                    const mediaType = group.VDisks?.reduce((type, vdisk) => {
-                        const currentType = getPDiskType(vdisk.PDisk || {});
-                        return currentType && (currentType === type || type === '')
-                            ? currentType
-                            : 'Mixed';
-                    }, '');
-
-                    // VDisk doesn't have its own StoragePoolName when located inside StoragePool data
-                    const vDisks = group.VDisks?.map((vdisk) => ({
-                        ...vdisk,
-                        StoragePoolName: pool.Name,
-                        Donors: vdisk.Donors?.map((donor) => ({
-                            ...donor,
-                            StoragePoolName: pool.Name,
-                        })),
-                    }));
-
-                    return [
-                        ...acc,
-                        {
-                            ...group,
-                            VDisks: vDisks,
-                            Read: readSpeedBytesPerSec,
-                            Write: writeSpeedBytesPerSec,
-                            PoolName: pool.Name,
-                            Used: usedSpaceBytes,
-                            Limit: limitSizeBytes,
-                            Missing: missing,
-                            UsedSpaceFlag,
-                            Type: mediaType || null,
-                        },
-                    ];
-                },
-                [],
-            );
-            return [...acc, ...groups];
-        },
-        [],
-    );
-});
-
-export const getFlatListStorageNodes = createSelector([getStorageNodes], (storageNodes) => {
-    return _.map(storageNodes, (node) => {
-        const systemState = node.SystemState ?? {};
-        const missing = _.filter(node.PDisks, (p) => {
-            return p.State !== 'Normal';
-        }).length;
-        return {
-            NodeId: node.NodeId,
-            SystemState: systemState.SystemState,
-            DataCenter: systemState.DataCenter,
-            Rack: systemState.Rack,
-            Host: systemState.Host,
-            Endpoints: systemState.Endpoints,
-            uptime: calcUptime(systemState.StartTime),
-            StartTime: systemState.StartTime,
-            PDisks: node.PDisks,
-            Missing: missing,
-        };
-    });
-});
-
-export const getVDisksForPDisk = createSelector(
-    getStorageNodes,
-    (_state, nodeId) => nodeId,
-    (_state, _nodeId, pdiskId) => pdiskId,
-    (storageNodes, nodeId, pdiskId) => {
-        const targetNode = storageNodes?.find((node) => node.NodeId === nodeId);
-        return targetNode?.VDisks?.filter((vdisk) => vdisk.PDiskId === pdiskId).map((data) => ({
-            ...data,
-            NodeId: nodeId,
-        }));
-    },
-);
-
-export const getFlatListStorage = createSelector(
-    [getStorageType, getFlatListStorageGroups, getFlatListStorageNodes],
-    (storageType, groupsList, nodesList) => {
-        if (storageType === STORAGE_TYPES.groups) {
-            return groupsList;
-        }
-        return nodesList;
-    },
-);
-
-const filterByText = (entities, type, text) => {
-    const cleanedFilter = text.trim().toLowerCase();
-
-    if (!cleanedFilter) {
-        return entities;
-    }
-
-    return entities.filter((entity) => {
-        if (type === STORAGE_TYPES.groups) {
-            return (
-                entity.PoolName.toLowerCase().includes(cleanedFilter) ||
-                entity.GroupID?.toString().includes(cleanedFilter)
-            );
-        }
-
-        return (
-            entity.NodeId.toString().includes(cleanedFilter) ||
-            entity.Host.toLowerCase().includes(cleanedFilter)
-        );
-    });
-};
-
-const filterByUsage = (entities, usage) => {
-    if (!Array.isArray(usage) || usage.length === 0) {
-        return entities;
-    }
-
-    return entities.filter((entity) => {
-        const entityUsage = getUsage(entity, 5);
-        return usage.some((val) => Number(val) <= entityUsage && entityUsage < Number(val) + 5);
-    });
-};
-
-export const getFilteredEntities = createSelector(
-    [getStorageFilter, getUsageFilter, getStorageType, getNodesUptimeFilter, getFlatListStorage],
-    (textFilter, usageFilter, type, nodesUptimeFilter, entities) => {
-        let result = entities;
-        result = filterByText(result, type, textFilter);
-        result = filterByUsage(result, usageFilter);
-
-        if (type === STORAGE_TYPES.nodes) {
-            result = filterNodesByUptime(result, nodesUptimeFilter);
-        }
-
-        return result;
-    },
-);
-
-export const getUsageFilterOptions = createSelector(getFlatListStorage, (entities) => {
-    const items = {};
-
-    entities.forEach((entity) => {
-        const usage = getUsage(entity, 5);
-
-        if (!Object.prototype.hasOwnProperty.call(items, usage)) {
-            items[usage] = 0;
-        }
-
-        items[usage] += 1;
-    });
-
-    return Object.entries(items)
-        .map(([threshold, count]) => ({threshold, count}))
-        .sort((a, b) => b.threshold - a.threshold);
-});
-
-export default storage;

package/dist/utils/bytesParsers/formatBytesCustom.ts

@@ -1,57 +0,0 @@
-import {GIGABYTE, KILOBYTE, MEGABYTE} from '../constants';
-import {isNumeric} from '../utils';
-
-import i18n from './i18n';
-
-const sizes = {
-    b: {
-        value: 1,
-        label: i18n('b'),
-    },
-    kb: {
-        value: KILOBYTE,
-        label: i18n('kb'),
-    },
-    mb: {
-        value: MEGABYTE,
-        label: i18n('mb'),
-    },
-    gb: {
-        value: GIGABYTE,
-        label: i18n('gb'),
-    },
-};
-
-export type IBytesSizes = keyof typeof sizes;
-
-interface FormatBytesArgs {
-    value: number | string | undefined;
-    size?: IBytesSizes;
-    precision?: number;
-    withLabel?: boolean;
-    isSpeed?: boolean;
-}
-
-export const formatBytesCustom = ({
-    value,
-    size = 'mb',
-    precision = 0,
-    withLabel = true,
-    isSpeed = false,
-}: FormatBytesArgs) => {
-    if (!isNumeric(value)) {
-        return '';
-    }
-
-    let result = (Number(value) / sizes[size].value).toFixed(precision);
-
-    if (withLabel) {
-        result += ` ${sizes[size].label}`;
-
-        if (isSpeed) {
-            result += i18n('perSecond');
-        }
-    }
-
-    return result;
-};