ydb-embedded-ui 21.0.0 → 22.0.0

package/dist/containers/Node/NodeStructure/Pdisk.js

@@ -1,125 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { ArrowUpRightFromSquare, CircleInfoFill } from '@gravity-ui/icons';
-import DataTable from '@gravity-ui/react-data-table';
-import { ArrowToggle, Button, Icon, Popover } from '@gravity-ui/uikit';
-import isEmpty from 'lodash/isEmpty';
-import { PDiskInfo } from '../../../components/PDiskInfo/PDiskInfo';
-import { ProgressViewer } from '../../../components/ProgressViewer/ProgressViewer';
-import { StatusIcon } from '../../../components/StatusIcon/StatusIcon';
-import { VDiskInfo } from '../../../components/VDiskInfo/VDiskInfo';
-import { EFlag } from '../../../types/api/enums';
-import { EVDiskState } from '../../../types/api/vdisk';
-import { valueIsDefined } from '../../../utils';
-import { cn } from '../../../utils/cn';
-import { DEFAULT_TABLE_SETTINGS, EMPTY_DATA_PLACEHOLDER } from '../../../utils/constants';
-import { formatStorageValuesToGb } from '../../../utils/dataFormatters/dataFormatters';
-import { createVDiskDeveloperUILink, useHasDeveloperUi, } from '../../../utils/developerUI/developerUI';
-import { isNumeric } from '../../../utils/utils';
-import i18n from '../i18n';
-import { PDiskTitleBadge } from './PDiskTitleBadge';
-const b = cn('kv-node-structure');
-var VDiskTableColumnsIds;
-(function (VDiskTableColumnsIds) {
-    VDiskTableColumnsIds["slotId"] = "VDiskSlotId";
-    VDiskTableColumnsIds["VDiskState"] = "VDiskState";
-    VDiskTableColumnsIds["Size"] = "Size";
-    VDiskTableColumnsIds["Info"] = "Info";
-})(VDiskTableColumnsIds || (VDiskTableColumnsIds = {}));
-const vDiskTableColumnsNames = {
-    VDiskSlotId: 'Slot id',
-    VDiskState: 'Status',
-    Size: 'Size',
-    Info: '',
-};
-function getColumns({ pDiskId, selectedVdiskId, nodeId, withDeveloperUILink, }) {
-    const columns = [
-        {
-            name: VDiskTableColumnsIds.slotId,
-            header: vDiskTableColumnsNames[VDiskTableColumnsIds.slotId],
-            width: 100,
-            render: ({ row }) => {
-                const vDiskSlotId = row.VDiskSlotId;
-                let vdiskInternalViewerLink = null;
-                if (valueIsDefined(nodeId) &&
-                    valueIsDefined(pDiskId) &&
-                    valueIsDefined(vDiskSlotId)) {
-                    vdiskInternalViewerLink = createVDiskDeveloperUILink({
-                        nodeId,
-                        pDiskId,
-                        vDiskSlotId,
-                    });
-                }
-                return (_jsxs("div", { className: b('vdisk-id', { selected: row.id === selectedVdiskId }), children: [_jsx("span", { children: vDiskSlotId }), vdiskInternalViewerLink && withDeveloperUILink ? (_jsx(Button, { size: "s", className: b('external-button', { hidden: true }), href: vdiskInternalViewerLink, target: "_blank", title: i18n('vdisk.developer-ui-button-title'), children: _jsx(Icon, { data: ArrowUpRightFromSquare }) })) : null] }));
-            },
-            align: DataTable.LEFT,
-        },
-        {
-            name: VDiskTableColumnsIds.VDiskState,
-            header: vDiskTableColumnsNames[VDiskTableColumnsIds.VDiskState],
-            width: 70,
-            render: ({ row }) => {
-                return (_jsx(StatusIcon, { status: row.VDiskState === EVDiskState.OK ? EFlag.Green : EFlag.Red }));
-            },
-            sortAccessor: (row) => (row.VDiskState === EVDiskState.OK ? 1 : 0),
-            align: DataTable.CENTER,
-        },
-        {
-            name: VDiskTableColumnsIds.Size,
-            header: vDiskTableColumnsNames[VDiskTableColumnsIds.Size],
-            width: 170,
-            render: ({ row }) => {
-                const allocated = row.AllocatedSize;
-                if (!isNumeric(allocated)) {
-                    return EMPTY_DATA_PLACEHOLDER;
-                }
-                return (_jsx(ProgressViewer, { value: allocated, capacity: Number(row.AllocatedSize) + Number(row.AvailableSize), formatValues: formatStorageValuesToGb, colorizeProgress: true }));
-            },
-            sortAccessor: (row) => Number(row.AllocatedSize),
-            align: DataTable.CENTER,
-        },
-        {
-            name: VDiskTableColumnsIds.Info,
-            header: vDiskTableColumnsNames[VDiskTableColumnsIds.Info],
-            width: 70,
-            render: ({ row }) => {
-                return (_jsx(Popover, { placement: ['right'], content: _jsx(VDiskInfo, { data: row, withTitle: true, withVDiskPageLink: true, className: b('vdisk-details') }), children: _jsx(Button, { view: "flat-secondary", className: b('vdisk-details-button', {
-                            selected: row.id === selectedVdiskId,
-                        }), children: _jsx(Icon, { data: CircleInfoFill, size: 18 }) }) }));
-            },
-            sortable: false,
-        },
-    ];
-    return columns;
-}
-export function PDisk({ id, data, selectedVdiskId, nodeId, unfolded: unfoldedFromProps, }) {
-    const hasDeveloperUi = useHasDeveloperUi();
-    const [unfolded, setUnfolded] = React.useState(unfoldedFromProps !== null && unfoldedFromProps !== void 0 ? unfoldedFromProps : false);
-    const { TotalSize = 0, AvailableSize = 0, Device, PDiskId, Type, vDisks } = data;
-    const total = Number(TotalSize);
-    const available = Number(AvailableSize);
-    const onOpenPDiskDetails = () => {
-        setUnfolded(true);
-    };
-    const onClosePDiskDetails = () => {
-        setUnfolded(false);
-    };
-    const renderVDisks = () => {
-        return (_jsx(DataTable, { theme: "yandex-cloud", data: vDisks, columns: getColumns({
-                nodeId,
-                pDiskId: PDiskId,
-                selectedVdiskId,
-                withDeveloperUILink: hasDeveloperUi,
-            }), settings: { ...DEFAULT_TABLE_SETTINGS, dynamicRender: false }, rowClassName: (row) => {
-                return row.id === selectedVdiskId ? b('selected-vdisk') : '';
-            } }));
-    };
-    const renderPDiskDetails = () => {
-        if (isEmpty(data)) {
-            return _jsx("div", { children: "No information about PDisk" });
-        }
-        return (_jsxs("div", { children: [_jsx(PDiskInfo, { pDisk: data, nodeId: nodeId, className: b('pdisk-details'), withPDiskPageLink: true }), _jsxs("div", { className: b('vdisks-container'), children: [_jsx("div", { className: b('vdisks-header'), children: "VDisks" }), renderVDisks()] })] }));
-    };
-    return (_jsxs("div", { className: b('pdisk'), id: id, children: [_jsxs("div", { className: b('pdisk-header'), children: [_jsxs("div", { className: b('pdisk-title-wrapper'), children: [_jsx(StatusIcon, { status: Device }), _jsx(PDiskTitleBadge, { label: "PDiskID", value: PDiskId, className: b('pdisk-title-id') }), _jsx(PDiskTitleBadge, { value: Type, className: b('pdisk-title-type') }), _jsx(ProgressViewer, { value: total - available, capacity: total, formatValues: formatStorageValuesToGb, colorizeProgress: true, className: b('pdisk-title-size') }), _jsx(PDiskTitleBadge, { label: "VDisks", value: vDisks.length })] }), _jsx(Button, { onClick: unfolded ? onClosePDiskDetails : onOpenPDiskDetails, view: "flat-secondary", children: _jsx(ArrowToggle, { direction: unfolded ? 'top' : 'bottom' }) })] }), unfolded && renderPDiskDetails()] }));
-}
-//# sourceMappingURL=Pdisk.js.map

package/dist/containers/Node/NodeStructure/Pdisk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pdisk.js","sourceRoot":"","sources":["../../../../src/containers/Node/NodeStructure/Pdisk.tsx"],"names":[],"mappings":"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"}

package/dist/store/reducers/node/selectors.d.ts

@@ -1,47 +0,0 @@
-import type { RootState } from '../../defaultStore';
-import type { PreparedNodeStructure } from './types';
-export declare const selectNodeStructure: ((state: {
-    api: import("@reduxjs/toolkit/query").CombinedState<{}, "Events" | "All" | "Conversations" | "PDiskData" | "PreviewData" | "SchemaTree" | "StorageData" | "TableData" | "Partitions" | "Tablet" | "UserData" | "VDiskData" | "VDiskBlobIndexStat" | "AccessRights" | "Backups" | "BackupsSchedule" | "OperationList", "api">;
-    singleClusterMode: boolean;
-    cluster: import("../cluster/types").ClusterState;
-    tenant: import("../tenant/types").TenantState;
-    schema: {
-        loading: boolean;
-        data: {};
-        currentSchemaPath: undefined;
-        showPreview: boolean;
-    };
-    partitions: {
-        selectedConsumer?: string;
-    };
-    query: import("../query/types").QueryState;
-    heatmap: import("../../../types/store/heatmap").IHeatmapState;
-    settings: import("../settings/types").SettingsState;
-    executeTopQueries: import("../executeTopQueries/types").TopQueriesFilters;
-    shardsWorkload: import("../shardsWorkload/types").ShardsWorkloadFilters;
-    authentication: import("../authentication/types").AuthenticationState;
-    header: import("../header/types").HeaderState;
-    queryActions: import("../queryActions/types").QueryActionsState;
-    fullscreen: boolean;
-    clusters: import("../clusters/types").ClustersFilters;
-}, nodeId: string) => PreparedNodeStructure) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-} & {
-    resultFunc: (resultFuncArgs_0: number, resultFuncArgs_1: import("../../../types/api/storage").TStorageInfo | undefined) => PreparedNodeStructure;
-    memoizedResultFunc: ((resultFuncArgs_0: number, resultFuncArgs_1: import("../../../types/api/storage").TStorageInfo | undefined) => PreparedNodeStructure) & {
-        clearCache: () => void;
-        resultsCount: () => number;
-        resetResultsCount: () => void;
-    };
-    lastResult: () => PreparedNodeStructure;
-    dependencies: [(_state: RootState, nodeId: string) => number, (state: RootState, nodeId: string) => import("../../../types/api/storage").TStorageInfo | undefined];
-    recomputations: () => number;
-    resetRecomputations: () => void;
-    dependencyRecomputations: () => number;
-    resetDependencyRecomputations: () => void;
-} & {
-    argsMemoize: typeof import("reselect").weakMapMemoize;
-    memoize: typeof import("reselect").weakMapMemoize;
-};

package/dist/store/reducers/node/selectors.js

@@ -1,43 +0,0 @@
-import { createSelector } from '@reduxjs/toolkit';
-import { stringifyVdiskId } from '../../../utils/dataFormatters/dataFormatters';
-import { prepareWhiteboardVDiskData } from '../../../utils/disks/prepareDisks';
-import { nodeApi } from './node';
-const getNodeStructureSelector = createSelector((nodeId) => nodeId, (nodeId) => nodeApi.endpoints.getNodeStructure.select({ nodeId }));
-const selectGetNodeStructureData = createSelector((state) => state, (_state, nodeId) => getNodeStructureSelector(nodeId), (state, selectGetNodeStructure) => selectGetNodeStructure(state).data);
-export const selectNodeStructure = createSelector((_state, nodeId) => Number(nodeId), (state, nodeId) => selectGetNodeStructureData(state, nodeId), (nodeId, storageInfo) => {
-    const pools = storageInfo === null || storageInfo === void 0 ? void 0 : storageInfo.StoragePools;
-    const structure = {};
-    pools === null || pools === void 0 ? void 0 : pools.forEach((pool) => {
-        const groups = pool.Groups;
-        groups === null || groups === void 0 ? void 0 : groups.forEach((group) => {
-            var _a;
-            const vDisks = (_a = group.VDisks) === null || _a === void 0 ? void 0 : _a.filter((el) => el.NodeId === nodeId).map(prepareWhiteboardVDiskData);
-            vDisks === null || vDisks === void 0 ? void 0 : vDisks.forEach((vd) => {
-                var _a;
-                const vDiskId = stringifyVdiskId(vd.VDiskId);
-                const pDiskId = (_a = vd.PDisk) === null || _a === void 0 ? void 0 : _a.PDiskId;
-                if (!structure[String(pDiskId)]) {
-                    structure[String(pDiskId)] = { vDisks: {}, ...vd.PDisk };
-                }
-                structure[String(pDiskId)].vDisks[vDiskId] = {
-                    ...vd,
-                    PDiskId: pDiskId,
-                    NodeId: nodeId,
-                    // VDisk doesn't have its own StoragePoolName when located inside StoragePool data
-                    StoragePoolName: pool.Name,
-                };
-            });
-        });
-    });
-    const structureWithVDisksArray = Object.keys(structure).reduce((preparedStructure, el) => {
-        const vDisks = structure[el].vDisks;
-        const vDisksArray = Object.keys(vDisks).reduce((acc, key, index) => {
-            acc.push({ ...vDisks[key], id: key, order: index });
-            return acc;
-        }, []);
-        preparedStructure[el] = { ...structure[el], vDisks: vDisksArray };
-        return preparedStructure;
-    }, {});
-    return structureWithVDisksArray;
-});
-//# sourceMappingURL=selectors.js.map

package/dist/store/reducers/node/selectors.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"selectors.js","sourceRoot":"","sources":["../../../../src/store/reducers/node/selectors.ts"],"names":[],"mappings":"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"}

package/src/containers/Node/NodeStructure/NodeStructure.scss

@@ -1,155 +0,0 @@
-@use '../../../styles/mixins.scss';
-
-.kv-node-structure {
-    position: relative;
-
-    display: flex;
-    overflow: auto;
-    flex-direction: column;
-    flex-shrink: 0;
-    @include mixins.flex-container();
-    @include mixins.body-2-typography();
-
-    &__error {
-        padding: 20px 20px 0;
-    }
-
-    &__pdisk {
-        display: flex;
-        flex-direction: column;
-
-        width: 573px;
-        margin-bottom: 8px;
-        padding: 0 10px 0 20px;
-
-        border: 1px solid var(--g-color-line-generic);
-        border-radius: 5px;
-    }
-
-    &__pdisk-id {
-        display: flex;
-        align-items: flex-end;
-    }
-
-    &__pdisk-header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-
-        height: 48px;
-    }
-
-    &__pdisk-title-wrapper {
-        display: flex;
-        align-items: center;
-        gap: 16px;
-
-        font-weight: 600;
-
-        .ydb-status-icon__status-icon {
-            margin-right: 0;
-        }
-    }
-
-    &__pdisk-title-item {
-        display: flex;
-        gap: 4px;
-
-        &-label {
-            font-weight: 400;
-
-            color: var(--g-color-text-secondary);
-        }
-    }
-
-    &__pdisk-title-id {
-        min-width: 110px;
-    }
-
-    &__pdisk-title-type {
-        justify-content: flex-end;
-
-        min-width: 50px;
-    }
-
-    &__pdisk-title-size {
-        min-width: 150px;
-    }
-
-    &__pdisk-details {
-        margin-bottom: 20px;
-    }
-
-    &__link {
-        text-decoration: none;
-
-        color: var(--g-color-base-brand);
-    }
-
-    &__vdisks-header {
-        font-weight: 600;
-    }
-
-    &__vdisks-container {
-        margin-bottom: 42px;
-    }
-
-    &__vdisk-details {
-        overflow: auto;
-
-        min-width: 200px;
-        max-width: unset;
-        max-height: 90vh;
-
-        .vdisk-pdisk-node__column {
-            margin-bottom: 0;
-        }
-        .vdisk-pdisk-node__section {
-            padding-bottom: 0;
-        }
-    }
-
-    &__vdisk-id {
-        display: flex;
-        align-items: center;
-
-        &_selected {
-            color: var(--g-color-text-info);
-        }
-    }
-
-    &__vdisk-details-button {
-        &_selected {
-            color: var(--g-color-text-info);
-        }
-    }
-
-    &__external-button {
-        display: inline-flex;
-        align-items: center;
-
-        margin-left: 4px;
-
-        transform: translateY(-1px);
-
-        &_hidden {
-            visibility: hidden;
-        }
-    }
-
-    .data-table__row:hover {
-        .kv-node-structure__external-button_hidden {
-            visibility: visible;
-        }
-    }
-
-    &__selected-vdisk {
-        animation: onSelectedVdiskAnimation 4s;
-    }
-}
-
-@keyframes onSelectedVdiskAnimation {
-    0% {
-        background-color: var(--g-color-base-info-light-hover);
-    }
-}

package/src/containers/Node/NodeStructure/NodeStructure.tsx

@@ -1,121 +0,0 @@
-import React from 'react';
-
-import isEmpty from 'lodash/isEmpty';
-import {StringParam, useQueryParams} from 'use-query-params';
-
-import {Loader} from '../.././../components/Loader';
-import {ResponseError} from '../../../components/Errors/ResponseError';
-import {nodeApi} from '../../../store/reducers/node/node';
-import {selectNodeStructure} from '../../../store/reducers/node/selectors';
-import {cn} from '../../../utils/cn';
-import {useAutoRefreshInterval, useTypedSelector} from '../../../utils/hooks';
-
-import {PDisk} from './Pdisk';
-
-import './NodeStructure.scss';
-
-const b = cn('kv-node-structure');
-
-function generateId({type, id}: {type: 'pdisk' | 'vdisk'; id: string}) {
-    return `${type}-${id}`;
-}
-
-interface NodeStructureProps {
-    nodeId: string;
-    className?: string;
-}
-
-function NodeStructure({nodeId, className}: NodeStructureProps) {
-    const nodeStructure = useTypedSelector((state) => selectNodeStructure(state, nodeId));
-
-    const [autoRefreshInterval] = useAutoRefreshInterval();
-    const {currentData, isFetching, error} = nodeApi.useGetNodeStructureQuery(
-        {nodeId},
-        {pollingInterval: autoRefreshInterval},
-    );
-
-    const loadingStructure = isFetching && currentData === undefined;
-
-    const [{pdiskId: pdiskIdFromUrl, vdiskId: vdiskIdFromUrl}] = useQueryParams({
-        pdiskId: StringParam,
-        vdiskId: StringParam,
-    });
-
-    const scrollContainerRef = React.useRef<HTMLDivElement>(null);
-
-    const scrolled = React.useRef(false);
-
-    React.useEffect(() => {
-        if (
-            !isEmpty(nodeStructure) &&
-            !scrolled.current &&
-            scrollContainerRef.current &&
-            pdiskIdFromUrl
-        ) {
-            const element = document.getElementById(
-                generateId({type: 'pdisk', id: pdiskIdFromUrl}),
-            );
-
-            let scrollToVdisk = 0;
-
-            if (vdiskIdFromUrl) {
-                const vDisks = nodeStructure[pdiskIdFromUrl]?.vDisks;
-                const vDisk = vDisks?.find((el) => el.id === vdiskIdFromUrl);
-                const dataTable = vDisk ? document.querySelector('.data-table') : undefined;
-                const order = vDisk?.order || 0;
-
-                if (dataTable) {
-                    scrollToVdisk += (dataTable as HTMLElement).offsetTop + 40 * order;
-                }
-            }
-
-            if (element) {
-                scrollContainerRef.current.scrollTo({
-                    behavior: 'smooth',
-                    // should subtract 20 to avoid sticking the element to tabs
-                    top: scrollToVdisk ? scrollToVdisk : element.offsetTop,
-                });
-                scrolled.current = true;
-            }
-        }
-    }, [nodeStructure, pdiskIdFromUrl, vdiskIdFromUrl]);
-
-    const renderStub = () => {
-        return 'There is no information about node structure.';
-    };
-
-    const renderStructure = () => {
-        const pDisksIds = Object.keys(nodeStructure);
-        return pDisksIds.length > 0
-            ? pDisksIds.map((pDiskId) => (
-                  <PDisk
-                      data={nodeStructure[pDiskId]}
-                      key={pDiskId}
-                      id={generateId({type: 'pdisk', id: pDiskId})}
-                      unfolded={pdiskIdFromUrl === pDiskId}
-                      selectedVdiskId={vdiskIdFromUrl as string}
-                      nodeId={nodeId}
-                  />
-              ))
-            : renderStub();
-    };
-
-    const renderContent = () => {
-        if (loadingStructure) {
-            return <Loader size="m" />;
-        }
-        if (error && !currentData) {
-            return null;
-        }
-        return renderStructure();
-    };
-
-    return (
-        <div className={b()} ref={scrollContainerRef}>
-            {error ? <ResponseError error={error} className={b('error')} /> : null}
-            <div className={className}>{renderContent()}</div>
-        </div>
-    );
-}
-
-export default NodeStructure;

package/src/containers/Node/NodeStructure/PDiskTitleBadge.tsx

@@ -1,18 +0,0 @@
-import {cn} from '../../../utils/cn';
-
-const b = cn('kv-node-structure');
-
-interface PDiskTitleBadgeProps {
-    label?: string;
-    value: React.ReactNode;
-    className?: string;
-}
-
-export function PDiskTitleBadge({label, value, className}: PDiskTitleBadgeProps) {
-    return (
-        <span className={b('pdisk-title-item', className)}>
-            {label && <span className={b('pdisk-title-item-label')}>{label}:</span>}
-            <span className={b('pdisk-title-item-value')}>{value}</span>
-        </span>
-    );
-}