ydb-embedded-ui 4.15.1 → 4.16.1

package/dist/utils/query.ts

@@ -19,6 +19,20 @@ export const QUERY_MODES = {
     script: 'script',
     data: 'data',
     query: 'query',
+    pg: 'pg',
+} as const;
+
+export const QUERY_MODES_TITLES: Record<QueryMode, string> = {
+    scan: 'Scan',
+    script: 'YQL Script',
+    data: 'Data',
+    query: 'YQL - QueryService',
+    pg: 'PostgreSQL',
+} as const;
+
+export const QUERY_SYNTAX = {
+    yql: 'yql_v1',
+    pg: 'pg',
 } as const;
 
 export const isNewQueryMode = (value: QueryMode) => {

package/dist/utils/settings.ts

@@ -0,0 +1,10 @@
+import {getValueFromLS} from './utils';
+
+export const userSettings = window.userSettings || {};
+export const systemSettings = window.systemSettings || {};
+
+export function readSavedSettingsValue(key: string, defaultValue?: string) {
+    const savedValue = window.web_version ? userSettings[key] : getValueFromLS(key);
+
+    return savedValue ?? defaultValue;
+}

package/package.json

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

package/dist/containers/Tenant/Diagnostics/Healthcheck/Preview/PreviewItem/PreviewItem.tsx

@@ -1,33 +0,0 @@
-import cn from 'bem-cn-lite';
-
-import {Link, Text} from '@gravity-ui/uikit';
-
-import EntityStatus from '../../../../../../components/EntityStatus/EntityStatus';
-import {IssueLog} from '../../../../../../types/api/healthcheck';
-
-import i18n from '../../i18n';
-
-const b = cn('healthcheck');
-
-interface PreviewItemProps {
-    data?: IssueLog;
-    onShowMore?: (id: string) => void;
-}
-
-export const PreviewItem = (props: PreviewItemProps) => {
-    const {data, onShowMore} = props;
-
-    if (!data) {
-        return null;
-    }
-
-    return (
-        <div className={b('issue-preview')}>
-            <EntityStatus mode="icons" status={data.status} name={data.type} />
-            <Text as="div" color="secondary" variant="body-2">
-                {data.message}
-            </Text>
-            <Link onClick={() => onShowMore?.(data.id)}>{i18n('label.show-details')}</Link>
-        </div>
-    );
-};

package/dist/containers/Tenant/Diagnostics/Healthcheck/Preview/PreviewItem/index.ts

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

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

@@ -1,213 +0,0 @@
-import React from 'react';
-import {connect} from 'react-redux';
-import cn from 'bem-cn-lite';
-import PropTypes from 'prop-types';
-import {Loader} from '@gravity-ui/uikit';
-
-import EntityStatus from '../../../../components/EntityStatus/EntityStatus';
-import InfoViewer from '../../../../components/InfoViewer/InfoViewer';
-import {PoolUsage} from '../../../../components/PoolUsage/PoolUsage';
-import {Tablet} from '../../../../components/Tablet';
-
-import {getTenantInfo} from '../../../../store/reducers/tenant/tenant';
-
-import {formatCPU} from '../../../../utils';
-import {bytesToGB} from '../../../../utils/utils';
-import {TABLET_STATES} from '../../../../utils/constants';
-import {AutoFetcher} from '../../../../utils/autofetcher';
-
-import {mapDatabaseTypeToDBName} from '../../utils/schema';
-
-import './TenantOverview.scss';
-
-const b = cn('tenant-overview');
-
-const renderName = (tenant) => {
-    if (tenant) {
-        const {Name} = tenant;
-        return (
-            <div className={b('tenant-name-wrapper')}>
-                <EntityStatus
-                    status={tenant.State}
-                    name={Name}
-                    withLeftTrim
-                    hasClipboardButton
-                    clipboardButtonAlwaysVisible
-                />
-            </div>
-        );
-    }
-
-    return <div>no tenant data</div>;
-};
-
-class TenantOverview extends React.Component {
-    static propTypes = {
-        loading: PropTypes.bool,
-        autorefresh: PropTypes.bool,
-        tenant: PropTypes.object,
-        systemTablets: PropTypes.array,
-        additionalTenantInfo: PropTypes.func,
-        tenantName: PropTypes.string,
-    };
-
-    autofetcher;
-
-    componentDidMount() {
-        const {tenantName, autorefresh, getTenantInfo} = this.props;
-        getTenantInfo({path: tenantName});
-        this.autofetcher = new AutoFetcher();
-        if (autorefresh) {
-            this.autofetcher.start();
-            this.autofetcher.fetch(() => getTenantInfo({path: tenantName}));
-        }
-    }
-
-    componentDidUpdate(prevProps) {
-        const {autorefresh, tenantName, getTenantInfo} = this.props;
-
-        const restartAutorefresh = () => {
-            this.autofetcher.stop();
-            this.autofetcher.start();
-            this.autofetcher.fetch(() => getTenantInfo({path: tenantName}));
-        };
-
-        if (prevProps.tenantName !== this.props.tenantName) {
-            getTenantInfo({path: tenantName});
-            if (autorefresh) {
-                restartAutorefresh();
-            }
-        }
-
-        if (autorefresh && !prevProps.autorefresh) {
-            getTenantInfo({path: tenantName});
-            restartAutorefresh();
-        }
-
-        if (!autorefresh && prevProps.autorefresh) {
-            this.autofetcher.stop();
-        }
-    }
-
-    componentWillUnmount() {
-        this.autofetcher.stop();
-    }
-
-    renderLoader = () => {
-        return (
-            <div className={b('loader')}>
-                <Loader size="m" />
-            </div>
-        );
-    };
-
-    render() {
-        const {tenant, loading} = this.props;
-        const {
-            Metrics = {},
-            PoolStats,
-            StateStats = [],
-            MemoryUsed,
-            Name,
-            CoresUsed,
-            StorageGroups,
-            StorageAllocatedSize,
-            Type,
-            SystemTablets,
-        } = tenant;
-
-        const tenantName = mapDatabaseTypeToDBName(Type);
-        const memoryRaw = MemoryUsed ?? Metrics.Memory;
-
-        const memory = (memoryRaw && bytesToGB(memoryRaw)) || 'no data';
-        const storage = (Metrics.Storage && bytesToGB(Metrics.Storage)) || 'no data';
-        const storageGroups = StorageGroups ?? 'no data';
-        const blobStorage = (StorageAllocatedSize && bytesToGB(StorageAllocatedSize)) || 'no data';
-        const storageEfficiency =
-            Metrics.Storage && StorageAllocatedSize
-                ? `${((Metrics.Storage * 100) / StorageAllocatedSize).toFixed(2)}%`
-                : '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.map((info) => ({
-            label: TABLET_STATES[info.VolatileState],
-            value: info.Count,
-        }));
-
-        return loading ? (
-            this.renderLoader()
-        ) : (
-            <div className={b()}>
-                <div className={b('top-label')}>{tenantName}</div>
-                <div className={b('top')}>
-                    {renderName(tenant)}
-                    {this.props.additionalTenantInfo &&
-                        this.props.additionalTenantInfo(
-                            this.props.tenant.Name,
-                            this.props.tenant.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')}>Pools</div>
-                        {PoolStats ? (
-                            <div className={b('section', {pools: true})}>
-                                {PoolStats.map((pool, poolIndex) => (
-                                    <PoolUsage key={poolIndex} data={pool} />
-                                ))}
-                            </div>
-                        ) : (
-                            <div className="error">no pools data</div>
-                        )}
-                    </div>
-                    <InfoViewer
-                        title="Metrics"
-                        className={b('section', {metrics: true})}
-                        info={metricsInfo}
-                    />
-
-                    <div className={b('section')}>
-                        <InfoViewer info={tabletsInfo} title="Tablets" />
-                    </div>
-                </div>
-            </div>
-        );
-    }
-}
-
-function mapStateToProps(state) {
-    const {tenant = {}, loading, error: {status} = {}} = state.tenant;
-    const {autorefresh} = state.schema;
-
-    return {
-        tenant,
-        loading,
-        status,
-        autorefresh,
-    };
-}
-
-const mapDispatchToProps = {
-    getTenantInfo,
-};
-
-export default connect(mapStateToProps, mapDispatchToProps)(TenantOverview);