ydb-embedded-ui 4.19.3 → 4.20.1

package/dist/types/additionalProps.ts

@@ -26,6 +26,8 @@ export interface AdditionalTenantsProps {
 
 export type NodeAddress = Pick<TSystemStateInfo, 'Host' | 'Endpoints' | 'NodeId'>;
 
+export type GetNodeRefFunc = (node?: NodeAddress) => string | null;
+
 export interface AdditionalNodesProps extends Record<string, unknown> {
-    getNodeRef?: (node?: NodeAddress) => string | null;
+    getNodeRef?: GetNodeRefFunc;
 }

package/dist/types/api/compute.ts

@@ -20,7 +20,7 @@ export interface TComputeInfo {
     Nodes?: TComputeNodeInfo[]; // v2
 }
 
-interface TComputeTenantInfo {
+export interface TComputeTenantInfo {
     Overall: EFlag;
     Name: string;
     Nodes?: TComputeNodeInfo[];

package/dist/types/react-json-inspector.d.ts

@@ -0,0 +1,21 @@
+declare module 'react-json-inspector' {
+    // This typing is sufficient for current use cases, but some types are incompelete
+    class JSONTree extends React.Component<{
+        data?: object;
+        search?: boolean;
+        searchOptions?: {
+            debounceTime?: number;
+        };
+        onClick?: ({path: string, key: string, value: object}) => void;
+        validateQuery?: (query: string) => boolean;
+        isExpanded?: (keypath: string) => boolean;
+        filterOptions?: {
+            cacheResults?: bool;
+            ignoreCase?: bool;
+        };
+        query?: string;
+        verboseShowOriginal?: boolean;
+        className?: string;
+    }> {}
+    export default JSONTree;
+}

package/dist/utils/diagnostics.ts

@@ -0,0 +1,23 @@
+import {ValueOf} from '../types/common';
+
+const TOP_SHARDS_SORT_VALUES = {
+    CPUCores: 'CPUCores',
+    DataSize: 'DataSize',
+} as const;
+
+const TOP_QUERIES_SORT_VALUES = {
+    CPUTimeUs: 'CPUTimeUs',
+    EndTime: 'EndTime',
+    ReadRows: 'ReadRows',
+    ReadBytes: 'ReadBytes',
+    UserSID: 'UserSID',
+} as const;
+
+type TopShardsSortValue = ValueOf<typeof TOP_SHARDS_SORT_VALUES>;
+type TopQueriesSortValue = ValueOf<typeof TOP_QUERIES_SORT_VALUES>;
+
+export const isSortableTopShardsProperty = (value: string): value is TopShardsSortValue =>
+    Object.values(TOP_SHARDS_SORT_VALUES).includes(value as TopShardsSortValue);
+
+export const isSortableTopQueriesProperty = (value: string): value is TopQueriesSortValue =>
+    Object.values(TOP_QUERIES_SORT_VALUES).includes(value as TopQueriesSortValue);

package/dist/utils/generateEvaluator.ts

@@ -0,0 +1,21 @@
+export const generateEvaluator =
+    <OkLevel extends string, WarnLevel extends string, CritLevel extends string>(
+        warn: number,
+        crit: number,
+        levels: [OkLevel, WarnLevel, CritLevel],
+    ) =>
+    (value: number) => {
+        if (0 <= value && value < warn) {
+            return levels[0];
+        }
+
+        if (warn <= value && value < crit) {
+            return levels[1];
+        }
+
+        if (crit <= value) {
+            return levels[2];
+        }
+
+        return undefined;
+    };

package/dist/utils/generateHash.ts

@@ -0,0 +1,11 @@
+import crc32 from 'crc-32';
+
+export const generateHash = (value: string) => {
+    // 1. crc32.str(value) - generate crc32 hash
+    // 2. (>>>) - use unsigned right shift operator (>>>) to avoid negative values
+    // 3. toString(16) - convert hash to hex format
+    // 4. toUpperCase() - convert hash to uppercase
+    // 5. padStart(8, '0') - fill hash with leading zeros if hash length < 8
+    // eslint-disable-next-line no-bitwise
+    return (crc32.str(value) >>> 0).toString(16).toUpperCase().padStart(8, '0');
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ydb-embedded-ui",
-  "version": "4.19.3",
+  "version": "4.20.1",
   "files": [
     "dist"
   ],
@@ -15,9 +15,11 @@
     "@gravity-ui/navigation": "^0.4.0",
     "@gravity-ui/paranoid": "^1.4.0",
     "@gravity-ui/react-data-table": "^1.0.3",
+    "@types/react": "^17.0.58",
     "axios": "0.19.2",
     "bem-cn-lite": "4.0.0",
     "copy-to-clipboard": "^3.3.3",
+    "crc-32": "^1.2.2",
     "history": "4.10.1",
     "js-cookie": "2.2.1",
     "lodash": "4.17.11",
@@ -117,7 +119,6 @@
     "@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",
     "@types/react-router": "^5.1.17",
     "@types/react-router-dom": "^5.3.2",

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TenantStorage.scss

@@ -1,41 +0,0 @@
-@import '../../../../../styles/mixins.scss';
-
-.tenant-overview-storage {
-    &__info {
-        margin-bottom: 36px;
-    }
-
-    &__title {
-        margin-bottom: 10px;
-
-        font-size: var(--yc-text-body-2-font-size);
-        font-weight: 700;
-        line-height: var(--yc-text-body-2-line-height);
-    }
-
-    &__table {
-        width: var(--diagnostics-section-table-width);
-        @include table-styles;
-
-        &:not(:last-child) {
-            margin-bottom: var(--diagnostics-section-margin);
-        }
-
-        th {
-            height: 40px;
-
-            vertical-align: middle;
-        }
-    }
-
-    &__cell-with-popover-wrapper {
-        display: flex;
-    }
-
-    &__cell-with-popover {
-        overflow: hidden;
-
-        white-space: nowrap;
-        text-overflow: ellipsis;
-    }
-}