ydb-embedded-ui 3.3.2 → 3.3.4

package/dist/types/store/shardsWorkload.ts

@@ -3,11 +3,17 @@ import type {ApiRequestAction} from '../../store/utils';
 import type {IResponseError} from '../api/error';
 import type {IQueryResult} from './query';
 
+export enum EShardsWorkloadMode {
+    Immediate = 'immediate',
+    History = 'history',
+}
+
 export interface IShardsWorkloadFilters {
     /** ms from epoch */
     from?: number;
     /** ms from epoch */
     to?: number;
+    mode?: EShardsWorkloadMode;
 }
 
 export interface IShardsWorkloadState {

package/dist/utils/constants.ts

@@ -1,4 +1,4 @@
-import DataTable from '@yandex-cloud/react-data-table';
+import DataTable from '@gravity-ui/react-data-table';
 
 const SECOND = 1000;
 

package/dist/utils/index.js

@@ -1,6 +1,8 @@
 import numeral from 'numeral';
 import locales from 'numeral/locales'; // eslint-disable-line no-unused-vars
 
+import {dateTimeParse} from '@gravity-ui/date-utils';
+
 import {i18n} from './i18n';
 import {MEGABYTE, TERABYTE, GIGABYTE, DAY_IN_SECONDS} from './constants';
 import {isNumeric} from './utils';
@@ -76,7 +78,7 @@ export const formatDateTime = (value) => {
         return '';
     }
 
-    return value > 0 ? new Date(Number(value)).toUTCString() : 'N/A';
+    return value > 0 ? dateTimeParse(Number(value)).format('YYYY-MM-DD HH:mm') : 'N/A';
 };
 
 export const calcUptimeInSeconds = (milliseconds) => {

package/dist/utils/prepareQueryExplain.ts

@@ -5,7 +5,7 @@ import {
     TopologyNodeDataStatsSection,
     ExplainPlanNodeData,
     TopologyNodeDataStatsItem,
-} from '@yandex-cloud/paranoid';
+} from '@gravity-ui/paranoid';
 
 interface PlanOperator {
     Name: string;

package/dist/utils/typecheckers.ts

@@ -0,0 +1,5 @@
+/**
+ * Intended to typecheck enums, but also checks if the value is any of the arbitrary object values
+ */
+export const isEnumMember = <T extends Object>(object: T, value: any): value is T[keyof T] =>
+    Object.values(object).includes(value);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ydb-embedded-ui",
-  "version": "3.3.2",
+  "version": "3.3.4",
   "files": [
     "dist"
   ],
@@ -10,10 +10,11 @@
   },
   "dependencies": {
     "@gravity-ui/axios-wrapper": "^1.3.0",
+    "@gravity-ui/date-utils": "^1.1.1",
     "@gravity-ui/i18n": "^1.0.0",
     "@gravity-ui/navigation": "^0.3.1",
-    "@yandex-cloud/paranoid": "^1.3.0",
-    "@yandex-cloud/react-data-table": "^1.0.2",
+    "@gravity-ui/paranoid": "^1.4.0",
+    "@gravity-ui/react-data-table": "^1.0.3",
     "axios": "0.19.2",
     "bem-cn-lite": "4.0.0",
     "history": "4.10.1",
@@ -107,6 +108,7 @@
     "@testing-library/react": "^11.2.7",
     "@testing-library/user-event": "^12.8.3",
     "@types/lodash": "^4.14.178",
+    "@types/numeral": "^2.0.2",
     "@types/qs": "^6.9.7",
     "@types/react": "^17.0.44",
     "@types/react-dom": "^17.0.11",

package/dist/containers/Tenant/Diagnostics/OverloadedShards/i18n/en.json

@@ -1,4 +0,0 @@
-{
-  "no-data": "No data",
-  "description": "Shards with CPU load over 70% are listed"
-}

package/dist/containers/Tenant/Diagnostics/OverloadedShards/i18n/ru.json

@@ -1,4 +0,0 @@
-{
-  "no-data": "Нет данных",
-  "description": "Отображаются шарды с загрузкой CPU выше 70%"
-}

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

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

package/dist/containers/Tenant/Diagnostics/Overview/Overview.scss

@@ -1,13 +0,0 @@
-.kv-tenant-overview {
-    &__title {
-        margin: 0;
-        margin-bottom: 15px;
-
-        font-weight: 600;
-    }
-    &__loader {
-        display: flex;
-        flex-grow: 1;
-        justify-content: center;
-    }
-}

package/dist/containers/Tenant/Schema/SchemaInfoViewer/SchemaInfoViewer.js

@@ -1,201 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import cn from 'bem-cn-lite';
-
-import {formatCPU, formatBytes, formatNumber, formatBps, formatDateTime} from '../../../../utils';
-
-import {InfoViewer, createInfoFormatter} from '../../../../components/InfoViewer';
-
-import {getEntityName} from '../../utils';
-
-import './SchemaInfoViewer.scss';
-
-const b = cn('schema-info-viewer');
-
-const formatTabletMetricsItem = createInfoFormatter({
-    values: {
-        CPU: formatCPU,
-        Memory: formatBytes,
-        Storage: formatBytes,
-        Network: formatBps,
-        ReadThroughput: formatBps,
-        WriteThroughput: formatBps,
-    },
-    defaultValueFormatter: formatNumber,
-});
-
-const formatFollowerGroupItem = createInfoFormatter({
-    values: {
-        FollowerCount: formatNumber,
-    },
-});
-
-const formatPartitionConfigItem = createInfoFormatter({
-    values: {
-        FollowerCount: formatNumber,
-        CrossDataCenterFollowerCount: formatNumber,
-    },
-});
-
-const formatTableStatsItem = createInfoFormatter({
-    values: {
-        DataSize: formatBytes,
-        IndexSize: formatBytes,
-        LastAccessTime: formatDateTime,
-        LastUpdateTime: formatDateTime,
-    },
-    defaultValueFormatter: formatNumber,
-});
-
-const formatTableStats = (fields) =>
-    Object.entries(fields)
-        .map(([label, value]) => formatTableStatsItem(label, value))
-        .filter(({value}) => Boolean(value));
-
-class SchemaInfoViewer extends React.Component {
-    static propTypes = {
-        data: PropTypes.object.isRequired,
-    };
-
-    renderItem(itemData, title) {
-        if (!Array.isArray(itemData) || !itemData.length) {
-            return null;
-        }
-
-        return (
-            <div className={b('item')}>
-                <InfoViewer title={title} info={itemData} />
-            </div>
-        );
-    }
-
-    renderContent(data) {
-        const {PathDescription = {}} = data;
-        const entityName = getEntityName(PathDescription);
-
-        const {
-            TableStats = {},
-            TabletMetrics = {},
-            Table: {PartitionConfig = {}} = {},
-        } = PathDescription;
-        const {
-            PartCount,
-            RowCount,
-            DataSize,
-            IndexSize,
-
-            LastAccessTime,
-            LastUpdateTime,
-
-            ImmediateTxCompleted,
-            PlannedTxCompleted,
-            TxRejectedByOverload,
-            TxRejectedBySpace,
-            TxCompleteLagMsec,
-            InFlightTxCount,
-
-            RowUpdates,
-            RowDeletes,
-            RowReads,
-            RangeReads,
-            RangeReadRows,
-
-            ...restTableStats
-        } = TableStats;
-        const {FollowerGroups, FollowerCount, CrossDataCenterFollowerCount} = PartitionConfig;
-
-        const generalTableInfo = formatTableStats({
-            PartCount,
-            RowCount,
-            DataSize,
-            IndexSize,
-            ...restTableStats,
-        });
-
-        const tableStatsInfo = [
-            formatTableStats({
-                LastAccessTime,
-                LastUpdateTime,
-            }),
-            formatTableStats({
-                ImmediateTxCompleted,
-                PlannedTxCompleted,
-                TxRejectedByOverload,
-                TxRejectedBySpace,
-                TxCompleteLagMsec,
-                InFlightTxCount,
-            }),
-            formatTableStats({
-                RowUpdates,
-                RowDeletes,
-                RowReads,
-                RangeReads,
-                RangeReadRows,
-            }),
-        ];
-
-        const tabletMetricsInfo = Object.keys(TabletMetrics).map((key) =>
-            formatTabletMetricsItem(key, TabletMetrics[key]),
-        );
-
-        const partitionConfigInfo = [];
-
-        if (Array.isArray(FollowerGroups) && FollowerGroups.length > 0) {
-            partitionConfigInfo.push(
-                ...Object.keys(FollowerGroups[0]).map((key) =>
-                    formatFollowerGroupItem(key, FollowerGroups[0][key]),
-                ),
-            );
-        } else if (FollowerCount !== undefined) {
-            partitionConfigInfo.push(formatPartitionConfigItem('FollowerCount', FollowerCount));
-        } else if (CrossDataCenterFollowerCount !== undefined) {
-            partitionConfigInfo.push(
-                formatPartitionConfigItem(
-                    'CrossDataCenterFollowerCount',
-                    CrossDataCenterFollowerCount,
-                ),
-            );
-        }
-
-        if (
-            [generalTableInfo, tabletMetricsInfo, partitionConfigInfo, tableStatsInfo.flat()].flat()
-                .length === 0
-        ) {
-            return <div className={b('title')}>{entityName}</div>;
-        }
-
-        return (
-            <div>
-                <div>{this.renderItem(generalTableInfo, entityName)}</div>
-                <div className={b('row')}>
-                    {tabletMetricsInfo.length > 0 || partitionConfigInfo.length > 0 ? (
-                        <div className={b('col')}>
-                            {this.renderItem(tabletMetricsInfo, 'Tablet Metrics')}
-                            {this.renderItem(partitionConfigInfo, 'Partition Config')}
-                        </div>
-                    ) : null}
-                    <div className={b('col')}>
-                        {tableStatsInfo.map((info, index) => (
-                            <React.Fragment key={index}>
-                                {this.renderItem(info, index === 0 ? 'Table Stats' : undefined)}
-                            </React.Fragment>
-                        ))}
-                    </div>
-                </div>
-            </div>
-        );
-    }
-
-    render() {
-        const {data} = this.props;
-        const entityName = getEntityName(data?.PathDescription);
-
-        if (data) {
-            return <div className={b()}>{this.renderContent(data)}</div>;
-        } else {
-            return <div className="error">No {entityName} data</div>;
-        }
-    }
-}
-
-export default SchemaInfoViewer;