ydb-embedded-ui 3.0.0 → 3.1.0

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

@@ -1,246 +0,0 @@
-import {useState, useContext, useEffect, useMemo} from 'react';
-import cn from 'bem-cn-lite';
-import {connect} from 'react-redux';
-import {Loader} from '@gravity-ui/uikit';
-import DataTable from '@yandex-cloud/react-data-table';
-
-import InternalLink from '../../../../components/InternalLink/InternalLink';
-
-import routes, {createHref} from '../../../../routes';
-import {sendShardQuery, setShardQueryOptions} from '../../../../store/reducers/shardsWorkload';
-import {setCurrentSchemaPath, getSchema} from '../../../../store/reducers/schema';
-import {AutoFetcher} from '../../../../utils/autofetcher';
-import HistoryContext from '../../../../contexts/HistoryContext';
-import {DEFAULT_TABLE_SETTINGS} from '../../../../utils/constants';
-import {isColumnEntityType} from '../../utils/schema';
-import {prepareQueryError} from '../../../../utils/query';
-import {i18n} from '../../../../utils/i18n';
-
-import './TopShards.scss';
-
-const b = cn('top-shards');
-const bLink = cn('yc-link');
-
-const TABLE_SETTINGS = {
-    ...DEFAULT_TABLE_SETTINGS,
-    dynamicRender: false, // no more than 20 rows
-    externalSort: true,
-    disableSortReset: true,
-    defaultOrder: DataTable.DESCENDING,
-};
-
-const tableColumnsNames = {
-    TabletId: 'TabletId',
-    CPUCores: 'CPUCores',
-    DataSize: 'DataSize',
-    Path: 'Path',
-};
-
-const autofetcher = new AutoFetcher();
-
-function prepareCPUWorkloadValue(value) {
-    return `${(value * 100).toFixed(2)}%`;
-}
-
-function prepareDateSizeValue(value) {
-    return new Intl.NumberFormat(i18n.lang).format(value);
-}
-
-function stringToDataTableSortOrder(value) {
-    return (
-        value &&
-        value.split(',').map((columnId) => ({
-            columnId,
-            order: DataTable.DESCENDING,
-        }))
-    );
-}
-
-function stringToQuerySortOrder(value) {
-    return (
-        value &&
-        value.split(',').map((columnId) => ({
-            columnId,
-            order: 'DESC',
-        }))
-    );
-}
-
-function dataTableToStringSortOrder(value = []) {
-    return value.map(({columnId}) => columnId).join(',');
-}
-
-function TopShards({
-    sendShardQuery,
-    currentSchemaPath,
-    path,
-    loading,
-    data,
-    error,
-    setCurrentSchemaPath,
-    getSchema,
-    autorefresh,
-    wasLoaded,
-    setShardQueryOptions,
-    type,
-}) {
-    const [sortOrder, setSortOrder] = useState(tableColumnsNames.CPUCores);
-
-    useEffect(() => {
-        autofetcher.stop();
-
-        if (autorefresh) {
-            autofetcher.start();
-            autofetcher.fetch(() =>
-                sendShardQuery({
-                    database: path,
-                    path: currentSchemaPath,
-                    sortOrder: stringToQuerySortOrder(sortOrder),
-                }),
-            );
-        }
-
-        return () => {
-            autofetcher.stop();
-        };
-    }, [autorefresh, currentSchemaPath, path, sendShardQuery, sortOrder]);
-
-    // don't show loader for requests triggered by table sort, only for path change
-    useEffect(() => {
-        setShardQueryOptions({
-            wasLoaded: false,
-            data: undefined,
-        });
-    }, [currentSchemaPath, path, setShardQueryOptions]);
-
-    useEffect(() => {
-        sendShardQuery({
-            database: path,
-            path: currentSchemaPath,
-            sortOrder: stringToQuerySortOrder(sortOrder),
-        });
-    }, [currentSchemaPath, path, sendShardQuery, sortOrder]);
-
-    const history = useContext(HistoryContext);
-
-    const onSchemaClick = (schemaPath) => {
-        return () => {
-            setCurrentSchemaPath(schemaPath);
-            getSchema({path: schemaPath});
-            history.go(0);
-        };
-    };
-
-    const onSort = (newSortOrder) => {
-        // omit information about sort order to disable ASC order, only DESC makes sense for top shards
-        // use a string (and not the DataTable default format) to prevent reference change,
-        // which would cause an excess state change, to avoid repeating requests
-        setSortOrder(dataTableToStringSortOrder(newSortOrder));
-    };
-
-    const tableColumns = useMemo(() => {
-        return [
-            {
-                name: tableColumnsNames.Path,
-                // eslint-disable-next-line
-                render: ({value}) => {
-                    return (
-                        <span
-                            // tenant name is substringed out in sql query but is needed here
-                            onClick={onSchemaClick(path + value)}
-                            className={bLink({view: 'normal'})}
-                        >
-                            {value}
-                        </span>
-                    );
-                },
-                sortable: false,
-            },
-            {
-                name: tableColumnsNames.CPUCores,
-                // eslint-disable-next-line
-                render: ({value}) => {
-                    return prepareCPUWorkloadValue(value);
-                },
-                align: DataTable.RIGHT,
-            },
-            {
-                name: tableColumnsNames.DataSize,
-                header: 'DataSize (B)',
-                render: ({value}) => {
-                    return prepareDateSizeValue(value);
-                },
-                align: DataTable.RIGHT,
-            },
-            {
-                name: tableColumnsNames.TabletId,
-                // eslint-disable-next-line
-                render: ({value}) => {
-                    return (
-                        <InternalLink to={createHref(routes.tablet, {id: value})}>
-                            {value}
-                        </InternalLink>
-                    );
-                },
-                sortable: false,
-            },
-        ];
-    }, []);
-
-    const renderLoader = () => {
-        return (
-            <div className={b('loader')}>
-                <Loader size="m" />
-            </div>
-        );
-    };
-
-    const renderContent = () => {
-        if (isColumnEntityType(type)) {
-            return 'No data';
-        }
-        if (error && !error.isCancelled) {
-            return prepareQueryError(error);
-        }
-
-        return data && data.length > 0 ? (
-            <div className={b('table')}>
-                <DataTable
-                    columns={tableColumns}
-                    data={data}
-                    settings={TABLE_SETTINGS}
-                    className={b('table')}
-                    theme="yandex-cloud"
-                    onSort={onSort}
-                    sortOrder={stringToDataTableSortOrder(sortOrder)}
-                />
-            </div>
-        ) : (
-            data
-        );
-    };
-
-    return loading && !wasLoaded ? renderLoader() : <div className={b()}>{renderContent()}</div>;
-}
-
-const mapStateToProps = (state) => {
-    const {loading, data = {}, error, wasLoaded} = state.shardsWorkload;
-    const {autorefresh} = state.schema;
-    return {
-        loading,
-        data: data.result,
-        error,
-        currentSchemaPath: state.schema?.currentSchema?.Path,
-        autorefresh,
-        wasLoaded,
-    };
-};
-
-const mapDispatchToProps = {
-    sendShardQuery,
-    setCurrentSchemaPath,
-    getSchema,
-    setShardQueryOptions,
-};
-
-export default connect(mapStateToProps, mapDispatchToProps)(TopShards);

package/dist/store/reducers/shardsWorkload.js

@@ -1,101 +0,0 @@
-import '../../services/api';
-
-import {parseQueryAPIExecuteResponse} from '../../utils/query';
-
-import {createRequestActionTypes, createApiRequest} from '../utils';
-
-const SEND_SHARD_QUERY = createRequestActionTypes('query', 'SEND_SHARD_QUERY');
-const SET_SHARD_QUERY_OPTIONS = 'query/SET_SHARD_QUERY_OPTIONS';
-
-const initialState = {
-    loading: false,
-    wasLoaded: false,
-};
-
-function formatSortOrder({columnId, order}) {
-    return `${columnId} ${order}`;
-}
-
-function createShardQuery(path, sortOrder, tenantName) {
-    const orderBy = Array.isArray(sortOrder) ?
-        `ORDER BY ${sortOrder.map(formatSortOrder).join(', ')}` :
-        '';
-
-    const pathSelect = tenantName ?
-        `CAST(SUBSTRING(CAST(Path AS String), ${tenantName.length}) AS Utf8) AS Path` :
-        'Path';
-
-    return `SELECT
-    ${pathSelect},
-    TabletId,
-    CPUCores,
-    DataSize
-FROM \`.sys/partition_stats\`
-WHERE
-    Path='${path}'
-    OR Path LIKE '${path}/%'
-${orderBy}
-LIMIT 20`;
-}
-
-const queryAction = 'execute-scan';
-
-const shardsWorkload = (state = initialState, action) => {
-    switch (action.type) {
-        case SEND_SHARD_QUERY.REQUEST: {
-            return {
-                ...state,
-                loading: true,
-                error: undefined,
-            };
-        }
-        case SEND_SHARD_QUERY.SUCCESS: {
-            return {
-                ...state,
-                data: action.data,
-                loading: false,
-                error: undefined,
-                wasLoaded: true,
-            };
-        }
-        // 401 Unauthorized error is handled by GenericAPI
-        case SEND_SHARD_QUERY.FAILURE: {
-            return {
-                ...state,
-                error: action.error || 'Unauthorized',
-                loading: false,
-            };
-        }
-        case SET_SHARD_QUERY_OPTIONS:
-            return {
-                ...state,
-                ...action.data,
-            };
-        default:
-            return state;
-    }
-};
-
-export const sendShardQuery = ({database, path = '', sortOrder}) => {
-    return createApiRequest({
-        request: window.api.sendQuery({
-            schema: 'modern',
-            query: createShardQuery(path, sortOrder, database),
-            database,
-            action: queryAction,
-        }, {
-            concurrentId: 'topShards',
-        }),
-        actions: SEND_SHARD_QUERY,
-        dataHandler: parseQueryAPIExecuteResponse,
-    });
-};
-
-export function setShardQueryOptions(options) {
-    return {
-        type: SET_SHARD_QUERY_OPTIONS,
-        data: options,
-    };
-}
-
-export default shardsWorkload;

package/dist/utils/actionsConstants.js

@@ -1,4 +0,0 @@
-export const toolTipConstants = {
-    UPDATE_REF: 'UPDATE_REF',
-    HIDE_TOOLTIP: 'HIDE_TOOLTIP',
-};