ydb-embedded-ui 1.10.3 → 1.12.0

package/dist/setupTests.js

@@ -3,3 +3,11 @@
 // expect(element).toHaveTextContent(/react/i)
 // learn more: https://github.com/testing-library/jest-dom
 import '@testing-library/jest-dom';
+
+import {configure as configureUiKit} from '@yandex-cloud/uikit';
+import {configure as configureYdbUiComponents} from 'ydb-ui-components';
+import {i18n, Lang} from '../src/utils/i18n';
+
+i18n.setLang(Lang.En);
+configureYdbUiComponents({lang: Lang.En});
+configureUiKit({lang: Lang.En});

package/dist/types/api/schema.ts

@@ -91,27 +91,19 @@ export interface TTableDescription {
 export interface TPartitionConfig {
     /** uint64 */
     FollowerCount?: string;
-    /**
-     * uint32
-     * @deprecated use FollowerGroups
-     */
-    CrossDataCenterFollowerCount?: string;
+    /** @deprecated use FollowerGroups */
+    CrossDataCenterFollowerCount?: number;
     /** 0 or 1 items */
     FollowerGroups?: TFollowerGroup[];
 }
 
 export interface TFollowerGroup {
-    /** uint32 */
-    FollowerCount?: string;
+    FollowerCount?: number;
     AllowLeaderPromotion?: boolean;
     AllowClientRead?: boolean;
-    /** uint32[] */
-    AllowedNodeIDs?: string[];
-    /**
-     * uint32[]
-     * @deprecated use AllowedDataCenters
-     */
-    AllowedDataCenterNumIDs?: string[];
+    AllowedNodeIDs?: number[];
+    /** @deprecated use AllowedDataCenters */
+    AllowedDataCenterNumIDs?: number[];
     RequireAllDataCenters?: boolean;
     LocalNodeOnly?: boolean;
     RequireDifferentNodes?: boolean;

package/dist/types/api/storage.ts

@@ -52,3 +52,167 @@ export interface TPDiskStateInfo {
     Overall?: EFlag;
     SerialNumber?: string;
 }
+
+export enum EVDiskState {
+    Initial = 'Initial',
+    LocalRecoveryError = 'LocalRecoveryError',
+    SyncGuidRecovery = 'SyncGuidRecovery',
+    SyncGuidRecoveryError = 'SyncGuidRecoveryError',
+    OK = 'OK',
+    PDiskError = 'PDiskError',
+}
+
+interface TRank {
+    /**
+     * Rank in percents; 0-100% is good; >100% is bad.
+     * Formula for rank calculation is the following:
+     * Rank = actual_value / max_allowed_value * 100
+     */
+    RankPercent?: number;
+
+    /**
+     * Flag is the Rank transformed to something simple
+     * to understand: Green, Yellow or Red
+     */
+    Flag?: EFlag;
+}
+
+interface TVDiskSatisfactionRank {
+    FreshRank?: TRank;
+    LevelRank?: TRank;
+}
+
+interface TVDiskID {
+    GroupID?: number;
+    GroupGeneration?: number;
+    Ring?: number;
+    Domain?: number;
+    VDisk?: number;
+}
+
+export interface TVSlotId {
+    NodeId?: number;
+    PDiskId?: number;
+    VSlotId?: number;
+}
+
+export interface TVDiskStateInfo {
+    VDiskId?: TVDiskID;
+    /** uint64 */
+    CreateTime?: string;
+    /** uint64 */
+    ChangeTime?: string;
+    PDisk?: TPDiskStateInfo;
+    VDiskSlotId?: number;
+    /** uint64 */
+    Guid?: string;
+    /** uint64 */
+    Kind?: string;
+    NodeId?: number;
+    Count?: number;
+
+    Overall?: EFlag;
+
+    /** Current state of VDisk */
+    VDiskState?: EVDiskState;
+    /** Disk space flags */
+    DiskSpace?: EFlag;
+    /** Compaction satisfaction rank */
+    SatisfactionRank?: TVDiskSatisfactionRank;
+    /** Is VDisk replicated? (i.e. contains all blobs it must have) */
+    Replicated?: boolean;
+    /** Does this VDisk has any yet unreplicated phantom-like blobs? */
+    UnreplicatedPhantoms?: boolean;
+    /** The same for the non-phantom-like blobs. */
+    UnreplicatedNonPhantoms?: boolean;
+    /**
+     * uint64
+     * How many unsynced VDisks from current BlobStorage group we see
+     */
+    UnsyncedVDisks?: string;
+    /**
+     * uint64
+     * How much this VDisk have allocated on corresponding PDisk
+     */
+    AllocatedSize?: string;
+    /**
+     * uint64
+     * How much space is available for VDisk corresponding to PDisk's hard space limits
+     */
+    AvailableSize?: string;
+    /** Does this disk has some unreadable but not yet restored blobs? */
+    HasUnreadableBlobs?: boolean;
+    /** fixed64 */
+    IncarnationGuid?: string;
+    DonorMode?: boolean;
+    /**
+     * fixed64
+     * VDisk actor instance guid
+     */
+    InstanceGuid?: string;
+    // in reality it is `Donors: TVDiskStateInfo[] | TVSlotId[]`, but this way it is more error-proof
+    Donors?: Array<TVDiskStateInfo | TVSlotId>;
+
+    /** VDisk (Skeleton) Front Queue Status */
+    FrontQueues?: EFlag;
+
+    /** VDisk storage pool label */
+    StoragePoolName?: string;
+
+    /**
+     * uint64
+     * Read bytes per second from PDisk for TEvVGet blobs only
+     */
+    ReadThroughput?: string;
+    /**
+     * uint64
+     * Write bytes per second to PDisk for TEvVPut blobs and replication bytes only
+     */
+    WriteThroughput?: string;
+}
+
+export interface TBSGroupStateInfo {
+    /** uint32 */
+    GroupID?: string;
+    ErasureSpecies?: string;
+    VDisks?: TVDiskStateInfo[];
+    /** uint64 */
+    ChangeTime?: string;
+    /** uint32 */
+    NodeId?: string; // filled during merge
+    /** uint32 */
+    GroupGeneration?: string;
+    Overall?: EFlag;
+    Latency?: EFlag;
+    /** uint32 */
+    Count?: string; // filled during group count
+    StoragePoolName?: string; // from BS_CONTROLLER
+}
+
+export interface TStoragePoolInfo {
+    Overall?: EFlag;
+    Name?: string;
+    Kind?: string;
+    Groups?: TBSGroupStateInfo[];
+    /** uint64 */
+    AcquiredUnits?: string;
+    AcquiredIOPS?: number;
+    /** uint64 */
+    AcquiredThroughput?: string;
+    /** uint64 */
+    AcquiredSize?: string;
+    MaximumIOPS?: number;
+    /** uint64 */
+    MaximumThroughput?: string;
+    /** uint64 */
+    MaximumSize?: string;
+}
+
+export interface TStorageInfo {
+    Overall?: EFlag;
+    StoragePools?: TStoragePoolInfo[];
+    /** uint64 */
+    TotalGroups?: string;
+    /** uint64 */
+    FoundGroups?: string;
+}

package/dist/types/index.ts

@@ -0,0 +1 @@
+export type RequiredField<Src, Fields extends keyof Src> = Src & Required<Pick<Src, Fields>>;

package/dist/types/store/storage.ts

@@ -0,0 +1,11 @@
+import type {TBSGroupStateInfo} from '../api/storage';
+
+export interface IStoragePoolGroup extends TBSGroupStateInfo {
+    Read: number;
+    Write: number;
+    PoolName?: string;
+    Used: number;
+    Limit: number;
+    Missing: number;
+    UsedSpaceFlag: number;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ydb-embedded-ui",
-  "version": "1.10.3",
+  "version": "1.12.0",
   "files": [
     "dist"
   ],
@@ -9,10 +9,6 @@
     "url": "git@github.com:ydb-platform/ydb-embedded-ui.git"
   },
   "dependencies": {
-    "@testing-library/jest-dom": "5.15.0",
-    "@testing-library/react": "11.2.7",
-    "@testing-library/user-event": "12.8.3",
-    "@types/qs": "6.9.7",
     "@yandex-cloud/i18n": "0.6.0",
     "@yandex-cloud/paranoid": "1.0.0",
     "@yandex-cloud/react-data-table": "0.2.1",
@@ -63,6 +59,27 @@
       "eslint --fix --quiet"
     ]
   },
+  "jest": {
+    "verbose": true,
+    "moduleFileExtensions": [
+      "js",
+      "json",
+      "ts",
+      "tsx"
+    ],
+    "rootDir": ".",
+    "transform": {
+      "^.+\\.[jt]sx?$": "ts-jest"
+    },
+    "coverageDirectory": "./coverage",
+    "collectCoverageFrom": [
+      "src/**/*.{ts,tsx,js,jsx}"
+    ],
+    "testEnvironment": "jsdom",
+    "moduleNameMapper": {
+      "\\.(css|less|scss|sass)$": "jest-transform-css"
+    }
+  },
   "browserslist": {
     "production": [
       ">0.2%",
@@ -78,7 +95,11 @@
   "devDependencies": {
     "@commitlint/cli": "^15.0.0",
     "@commitlint/config-conventional": "^15.0.0",
+    "@testing-library/jest-dom": "^5.15.0",
+    "@testing-library/react": "^11.2.7",
+    "@testing-library/user-event": "^12.8.3",
     "@types/lodash": "^4.14.178",
+    "@types/qs": "^6.9.7",
     "@types/react": "^17.0.44",
     "@types/react-dom": "^17.0.11",
     "@types/react-router": "^5.1.17",
@@ -95,6 +116,7 @@
     "copyfiles": "^2.4.1",
     "eslint-config-prettier": "^8.3.0",
     "husky": "^7.0.4",
+    "jest-transform-css": "^4.0.1",
     "lint-staged": "^12.3.7",
     "postcss": "^8.4.6",
     "prettier": "^2.5.1",
@@ -102,6 +124,7 @@
     "react-app-rewired": "^2.1.11",
     "react-dom": "^17.0.2",
     "stylelint": "^14.3.0",
+    "ts-jest": "^28.0.7",
     "typescript": "^4.5.5"
   },
   "peerDependencies": {

package/dist/components/InfoViewer/InfoViewer.js

@@ -1,47 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import cn from 'bem-cn-lite';
-import './InfoViewer.scss';
-
-const b = cn('info-viewer');
-
-class InfoViewer extends React.Component {
-    render() {
-        const {info, className, title} = this.props;
-
-        return (
-            <div className={`${b()} ${className}`}>
-                {title && <div className={b('title')}>{title}</div>}
-                {info && info.length > 0 ? (
-                    <div className={b('items')}>
-                        {info.map((data, infoIndex) => (
-                            <div className={b('row')} key={infoIndex}>
-                                <div className={b('label')}>
-                                    {data.label}
-                                    <div className={b('dots')}></div>
-                                </div>
-
-                                <div className={b('value')}>{data.value}</div>
-                            </div>
-                        ))}
-                    </div>
-                ) : (
-                    <div>no {title} data</div>
-                )}
-            </div>
-        );
-    }
-}
-
-InfoViewer.propTypes = {
-    className: PropTypes.string,
-    info: PropTypes.array.isRequired,
-    title: PropTypes.string,
-    dots: PropTypes.bool,
-};
-
-InfoViewer.defaultProps = {
-    className: '',
-};
-
-export default InfoViewer;

package/dist/index.test.js

@@ -1,5 +0,0 @@
-describe('Fake tests', () => {
-    it('A fake test', () => {
-        expect(true).toBe(true);
-    });
-});