ydb-embedded-ui 4.24.0 → 4.26.0

package/dist/containers/Tenant/Diagnostics/OldHealthcheck/Healthcheck.scss

@@ -1,137 +0,0 @@
-@import '../../../../styles/mixins.scss';
-@import '@gravity-ui/uikit/styles/mixins.scss';
-
-.old-healthcheck {
-    display: flex;
-
-    &_expanded {
-        // Since most of the inner containers have fixed width, we can set fixed width here as well
-        // Thus we will get rid of unneeded layout shift when scrollbar appear
-        min-width: 885px;
-    }
-
-    &__details {
-        width: 860px;
-        padding: 25px 20px 20px;
-    }
-
-    &__issue-preview {
-        margin-bottom: 15px;
-    }
-
-    &__details-content-wrapper {
-        overflow-x: hidden;
-        overflow-y: auto;
-
-        height: 70vh;
-        max-height: 70vh;
-    }
-
-    &__message-container {
-        padding: 15px 0;
-    }
-
-    &__details-header {
-        display: flex;
-        align-items: center;
-
-        margin-bottom: 20px;
-    }
-
-    &__details-header-title {
-        margin: 0 10px 0 0;
-
-        @include text-header-1();
-    }
-
-    &__details-header-update {
-        margin-left: 10px;
-    }
-
-    &__preview {
-        width: 206px;
-        padding: 16px;
-        padding-bottom: 28px;
-
-        border: 1px solid var(--yc-color-line-generic);
-        border-radius: 8px;
-        background-color: transparent;
-    }
-
-    &__preview-header {
-        margin-bottom: var(--diagnostics-section-title-margin);
-        gap: 8px;
-    }
-
-    &__preview-title {
-        font-weight: 600;
-        @include lead-typography();
-    }
-
-    &__preview-content {
-        line-height: 24px;
-    }
-
-    &__preview-title-wrapper {
-        display: flex;
-        align-items: center;
-
-        margin-bottom: 4px;
-
-        gap: 8px;
-    }
-
-    &__issues-statistics {
-        display: flex;
-        flex-wrap: wrap;
-        align-items: center;
-
-        margin: 8px 0;
-
-        gap: 10px;
-    }
-
-    &__self-check-status-indicator {
-        display: inline-block;
-
-        padding: 0 8px;
-
-        font-size: 13px;
-        line-height: 24px;
-
-        border-radius: 4px;
-
-        &_good,
-        &_green {
-            color: var(--yc-color-text-positive);
-            background-color: var(--yc-color-base-positive);
-        }
-        &_degraded,
-        &_yellow {
-            color: var(--yc-color-text-warning);
-            background-color: var(--yc-color-base-warning);
-        }
-
-        &_blue {
-            color: var(--yc-color-text-info);
-            background-color: var(--yc-color-base-info);
-        }
-
-        &_emergency,
-        &_red {
-            color: var(--yc-color-text-danger);
-            background-color: var(--yc-color-base-danger);
-        }
-        &_unspecified,
-        &_gray,
-        &_grey {
-            color: var(--yc-color-text-misc);
-            background-color: var(--yc-color-base-misc);
-        }
-        &_maintenance_required,
-        &_orange {
-            color: var(--yc-color-text-warning-heavy);
-            background-color: var(--yc-color-infographics-warning-light);
-        }
-    }
-}

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

@@ -1,92 +0,0 @@
-import {useCallback} from 'react';
-import {useDispatch} from 'react-redux';
-import cn from 'bem-cn-lite';
-
-import {Loader} from '@gravity-ui/uikit';
-
-import {SelfCheckResult} from '../../../../types/api/healthcheck';
-import {useTypedSelector, useAutofetcher} from '../../../../utils/hooks';
-import {
-    getHealthcheckInfo,
-    selectIssuesStatistics,
-    selectIssuesTrees,
-    setDataWasNotLoaded,
-} from '../../../../store/reducers/healthcheckInfo';
-
-import {Details} from './Details';
-import {Preview} from './Preview';
-
-import './Healthcheck.scss';
-
-interface HealthcheckProps {
-    tenant: string;
-    preview?: boolean;
-    fetchData?: boolean;
-    showMoreHandler?: VoidFunction;
-}
-
-const b = cn('old-healthcheck');
-
-export const Healthcheck = (props: HealthcheckProps) => {
-    const {tenant, preview, fetchData = true, showMoreHandler} = props;
-
-    const dispatch = useDispatch();
-
-    const {data, loading, wasLoaded, error} = useTypedSelector((state) => state.healthcheckInfo);
-    const issuesStatistics = useTypedSelector(selectIssuesStatistics);
-    const issueTrees = useTypedSelector(selectIssuesTrees);
-    const {autorefresh} = useTypedSelector((state) => state.schema);
-
-    const selfCheckResult = data?.self_check_result || SelfCheckResult.UNSPECIFIED;
-
-    const fetchHealthcheck = useCallback(
-        (isBackground = true) => {
-            if (!isBackground) {
-                dispatch(setDataWasNotLoaded());
-            }
-
-            dispatch(getHealthcheckInfo(tenant));
-        },
-        [dispatch, tenant],
-    );
-
-    useAutofetcher(
-        (isBackground) => {
-            if (fetchData) {
-                fetchHealthcheck(isBackground);
-            }
-        },
-        [fetchData, fetchHealthcheck],
-        autorefresh,
-    );
-
-    const renderContent = () => {
-        if (loading && !wasLoaded) {
-            return (
-                <div className={b('old-preview', {loader: true})}>
-                    <Loader size="m" />
-                </div>
-            );
-        }
-
-        return preview ? (
-            <Preview
-                issuesStatistics={issuesStatistics}
-                selfCheckResult={selfCheckResult}
-                loading={loading}
-                onShowMore={showMoreHandler}
-                onUpdate={fetchHealthcheck}
-                error={error}
-            />
-        ) : (
-            <Details
-                loading={loading}
-                onUpdate={fetchHealthcheck}
-                issueTrees={issueTrees}
-                error={error}
-            />
-        );
-    };
-
-    return <div className={b({expanded: !preview})}>{renderContent()}</div>;
-};

package/dist/containers/Tenant/Diagnostics/OldHealthcheck/Preview/Preview.tsx

@@ -1,82 +0,0 @@
-import cn from 'bem-cn-lite';
-
-import {Button, Icon, Link} from '@gravity-ui/uikit';
-
-import updateArrow from '../../../../../assets/icons/update-arrow.svg';
-
-import {SelfCheckResult, type StatusFlag} from '../../../../../types/api/healthcheck';
-import type {IResponseError} from '../../../../../types/api/error';
-import EntityStatus from '../../../../../components/EntityStatus/EntityStatus';
-import {ResponseError} from '../../../../../components/Errors/ResponseError';
-
-import i18n from '../../TenantOverview/Healthcheck/i18n';
-
-const b = cn('old-healthcheck');
-
-interface PreviewProps {
-    selfCheckResult: SelfCheckResult;
-    issuesStatistics?: [StatusFlag, number][];
-    loading?: boolean;
-    onShowMore?: VoidFunction;
-    onUpdate: VoidFunction;
-    error?: IResponseError;
-}
-
-export const Preview = (props: PreviewProps) => {
-    const {selfCheckResult, issuesStatistics, loading, onShowMore, onUpdate, error} = props;
-
-    const renderHeader = () => {
-        const modifier = selfCheckResult.toLowerCase();
-
-        return (
-            <div className={b('preview-header')}>
-                <div className={b('preview-title-wrapper')}>
-                    <div className={b('preview-title')}>{i18n('title.healthcheck')}</div>
-                    <Button size="s" onClick={onUpdate} loading={loading} view="flat-secondary">
-                        <Icon data={updateArrow} width={20} height={20} />
-                    </Button>
-                </div>
-                <div className={b('self-check-status-indicator', {[modifier]: true})}>
-                    {selfCheckResult}
-                </div>
-            </div>
-        );
-    };
-
-    const renderContent = () => {
-        if (error) {
-            return <ResponseError error={error} defaultMessage={i18n('no-data')} />;
-        }
-
-        return (
-            <div className={b('preview-content')}>
-                {!issuesStatistics || !issuesStatistics.length ? (
-                    i18n('status_message.ok')
-                ) : (
-                    <>
-                        <div>{i18n('label.issues')}</div>
-                        <div className={b('issues-statistics')}>
-                            {issuesStatistics.map(([status, count]) => (
-                                <EntityStatus
-                                    key={status}
-                                    mode="icons"
-                                    status={status}
-                                    label={count.toString()}
-                                    size="l"
-                                />
-                            ))}
-                        </div>
-                        <Link onClick={() => onShowMore?.()}>{i18n('label.show-details')}</Link>
-                    </>
-                )}
-            </div>
-        );
-    };
-
-    return (
-        <div className={b('preview')}>
-            {renderHeader()}
-            {renderContent()}
-        </div>
-    );
-};

package/dist/containers/Tenant/Diagnostics/OldHealthcheck/Preview/index.ts

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

package/dist/containers/Tenant/Diagnostics/OldHealthcheck/index.ts

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

package/dist/containers/Tenant/Diagnostics/TenantOverview/OldTenantOverview.tsx

@@ -1,155 +0,0 @@
-import cn from 'bem-cn-lite';
-import {useCallback} from 'react';
-import {useDispatch} from 'react-redux';
-
-import {Loader} from '@gravity-ui/uikit';
-
-import {InfoViewer} from '../../../../components/InfoViewer';
-import {PoolUsage} from '../../../../components/PoolUsage/PoolUsage';
-import {Tablet} from '../../../../components/Tablet';
-import EntityStatus from '../../../../components/EntityStatus/EntityStatus';
-import {formatCPU} from '../../../../utils/dataFormatters/dataFormatters';
-import {TABLET_STATES, TENANT_DEFAULT_TITLE} from '../../../../utils/constants';
-import {bytesToGB} from '../../../../utils/utils';
-import {mapDatabaseTypeToDBName} from '../../utils/schema';
-import {useAutofetcher, useTypedSelector} from '../../../../utils/hooks';
-import type {ETabletVolatileState} from '../../../../types/api/tenant';
-import type {AdditionalTenantsProps} from '../../../../types/additionalProps';
-import {getTenantInfo, setDataWasNotLoaded} from '../../../../store/reducers/tenant/tenant';
-
-import i18n from './i18n';
-import './TenantOverview.scss';
-
-const b = cn('tenant-overview');
-
-interface OldTenantOverviewProps {
-    tenantName: string;
-    additionalTenantProps?: AdditionalTenantsProps;
-}
-
-export function OldTenantOverview({tenantName, additionalTenantProps}: OldTenantOverviewProps) {
-    const {tenant, loading, wasLoaded} = useTypedSelector((state) => state.tenant);
-    const {autorefresh} = useTypedSelector((state) => state.schema);
-    const dispatch = useDispatch();
-    const fetchTenant = useCallback(
-        (isBackground = true) => {
-            if (!isBackground) {
-                dispatch(setDataWasNotLoaded());
-            }
-            dispatch(getTenantInfo({path: tenantName}));
-        },
-        [dispatch, tenantName],
-    );
-
-    useAutofetcher(fetchTenant, [fetchTenant], autorefresh);
-
-    const {
-        Metrics = {},
-        PoolStats,
-        StateStats = [],
-        MemoryUsed,
-        Name,
-        State,
-        CoresUsed,
-        StorageGroups,
-        StorageAllocatedSize,
-        Type,
-        SystemTablets,
-    } = tenant || {};
-
-    const tenantType = mapDatabaseTypeToDBName(Type);
-    const memoryRaw = MemoryUsed ?? Metrics.Memory;
-
-    const memory = (memoryRaw && bytesToGB(memoryRaw)) || i18n('no-data');
-    const storage = (Metrics.Storage && bytesToGB(Metrics.Storage)) || i18n('no-data');
-    const storageGroups = StorageGroups ?? i18n('no-data');
-    const blobStorage =
-        (StorageAllocatedSize && bytesToGB(StorageAllocatedSize)) || i18n('no-data');
-    const storageEfficiency =
-        Metrics.Storage && StorageAllocatedSize
-            ? `${((parseInt(Metrics.Storage) * 100) / parseInt(StorageAllocatedSize)).toFixed(2)}%`
-            : i18n('no-data');
-
-    const cpuRaw = CoresUsed !== undefined ? Number(CoresUsed) * 1_000_000 : Metrics.CPU;
-
-    const cpu = formatCPU(cpuRaw);
-
-    const metricsInfo = [
-        {label: 'Type', value: Type},
-        {label: 'Memory', value: memory},
-        {label: 'CPU', value: cpu},
-        {label: 'Tablet storage', value: storage},
-        {label: 'Storage groups', value: storageGroups},
-        {label: 'Blob storage', value: blobStorage},
-        {label: 'Storage efficiency', value: storageEfficiency},
-    ];
-
-    const tabletsInfo = StateStats.filter(
-        (item): item is {VolatileState: ETabletVolatileState; Count: number} => {
-            return item.VolatileState !== undefined && item.Count !== undefined;
-        },
-    ).map((info) => {
-        return {label: TABLET_STATES[info.VolatileState], value: info.Count};
-    });
-
-    const renderName = () => {
-        return (
-            <div className={b('tenant-name-wrapper')}>
-                <EntityStatus
-                    status={State}
-                    name={Name || TENANT_DEFAULT_TITLE}
-                    withLeftTrim
-                    hasClipboardButton={Boolean(tenant)}
-                    clipboardButtonAlwaysVisible
-                />
-            </div>
-        );
-    };
-
-    if (loading && !wasLoaded) {
-        return (
-            <div className={b('loader')}>
-                <Loader size="m" />
-            </div>
-        );
-    }
-
-    return (
-        <div className={b()}>
-            <div className={b('top-label')}>{tenantType}</div>
-            <div className={b('top')}>
-                {renderName()}
-                {additionalTenantProps?.getMonitoringLink?.(Name, Type)}
-            </div>
-            <div className={b('system-tablets')}>
-                {SystemTablets &&
-                    SystemTablets.map((tablet, tabletIndex) => (
-                        <Tablet key={tabletIndex} tablet={tablet} tenantName={Name} />
-                    ))}
-            </div>
-            <div className={b('common-info')}>
-                <div>
-                    <div className={b('section-title')}>{i18n('title.pools')}</div>
-                    {PoolStats ? (
-                        <div className={b('section', {pools: true})}>
-                            {PoolStats.map((pool, poolIndex) => (
-                                <PoolUsage key={poolIndex} data={pool} />
-                            ))}
-                        </div>
-                    ) : (
-                        <div className="error">{i18n('no-pools-data')}</div>
-                    )}
-                </div>
-                <InfoViewer
-                    title={i18n('title.metrics')}
-                    className={b('section', {metrics: true})}
-                    info={metricsInfo}
-                />
-
-                <div className={b('section')}>
-                    <InfoViewer info={tabletsInfo} title="Tablets" />
-                </div>
-            </div>
-        </div>
-    );
-}

package/dist/utils/hooks/i18n/en.json

@@ -1,3 +0,0 @@
-{
-  "useQueryModes.queryModeCannotBeSet": "Query mode '{{mode}}' cannot be set. You need to turn in additional query modes in settings to enable it"
-}

package/dist/utils/hooks/i18n/index.ts

@@ -1,11 +0,0 @@
-import {i18n, Lang} from '../../../utils/i18n';
-
-import en from './en.json';
-import ru from './ru.json';
-
-const COMPONENT = 'ydb-hooks';
-
-i18n.registerKeyset(Lang.En, COMPONENT, en);
-i18n.registerKeyset(Lang.Ru, COMPONENT, ru);
-
-export default i18n.keyset(COMPONENT);

package/dist/utils/hooks/i18n/ru.json

@@ -1,3 +0,0 @@
-{
-  "useQueryModes.queryModeCannotBeSet": "Режим выполнения запроса '{{mode}}' недоступен. Вам необходимо включить дополнительные режимы выполнения запросов в настройках"
-}