fix(utils): add formatBytesCustom function

Author: artemmufazalov

src/utils/bytesParsers/formatBytesCustom.ts

@@ -0,0 +1,57 @@
+import {GIGABYTE, KILOBYTE, MEGABYTE} from '../constants';
+import {isNumeric} from '../utils';
+
+import i18n from './i18n';
+
+const sizes = {
+    b: {
+        value: 1,
+        label: i18n('b'),
+    },
+    kb: {
+        value: KILOBYTE,
+        label: i18n('kb'),
+    },
+    mb: {
+        value: MEGABYTE,
+        label: i18n('mb'),
+    },
+    gb: {
+        value: GIGABYTE,
+        label: i18n('gb'),
+    },
+};
+
+export type IBytesSizes = keyof typeof sizes;
+
+interface FormatBytesArgs {
+    value: number | string | undefined;
+    size?: IBytesSizes;
+    precision?: number;
+    withLabel?: boolean;
+    isSpeed?: boolean;
+}
+
+export const formatBytesCustom = ({
+    value,
+    size = 'mb',
+    precision = 0,
+    withLabel = true,
+    isSpeed = false,
+}: FormatBytesArgs) => {
+    if (!isNumeric(value)) {
+        return '';
+    }
+
+    let result = (Number(value) / sizes[size].value).toFixed(precision);
+
+    if (withLabel) {
+        result += ` ${sizes[size].label}`;
+
+        if (isSpeed) {
+            result += i18n('perSecond');
+        }
+    }
+
+    return result;
+};

src/utils/bytesParsers/i18n/en.json

@@ -0,0 +1,7 @@
+{
+  "b": "B",
+  "kb": "KB",
+  "mb": "MB",
+  "gb": "GB",
+  "perSecond": "/s"
+}

src/utils/bytesParsers/i18n/index.ts

@@ -0,0 +1,11 @@
+import {i18n, Lang} from '../../i18n';
+
+import en from './en.json';
+import ru from './ru.json';
+
+const COMPONENT = 'ydb-bytes-parsers';
+
+i18n.registerKeyset(Lang.En, COMPONENT, en);
+i18n.registerKeyset(Lang.Ru, COMPONENT, ru);
+
+export default i18n.keyset(COMPONENT);

src/utils/bytesParsers/i18n/ru.json

@@ -0,0 +1,7 @@
+{
+  "b": "Б",
+  "kb": "КБ",
+  "mb": "МБ",
+  "gb": "ГБ",
+  "perSecond": "/с"
+}

src/utils/bytesParsers/index.ts

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

src/utils/constants.ts

@@ -9,6 +9,7 @@ export const AUTO_RELOAD_INTERVAL = 10 * SECOND;
 // by agreement, display all byte values in decimal scale
 // values in data are always in bytes, never in higher units,
 // therefore there is no issue arbitrary converting them in UI
+export const KILOBYTE = 1_000;
 export const MEGABYTE = 1_000_000;
 export const GIGABYTE = 1_000_000_000;
 export const TERABYTE = 1_000_000_000_000;
@@ -118,3 +119,5 @@ export const DEFAULT_TABLE_SETTINGS = {
 
 export const TENANT_INITIAL_TAB_KEY = 'saved_tenant_initial_tab';
 export const QUERY_INITIAL_RUN_ACTION_KEY = 'query_initial_run_action';
+
+export const PARTITIONS_SELECTED_COLUMNS_KEY = 'partitionsSelectedColumns';

src/utils/index.js

@@ -9,6 +9,8 @@ import {isNumeric} from './utils';
 
 numeral.locale(i18n.lang);
 
+// Here you can't control displayed size and precision
+// If you need more custom format, use formatBytesCustom instead
 export const formatBytes = (bytes) => {
     if (!isNumeric(bytes)) {
         return '';
@@ -42,6 +44,10 @@ export const formatUptime = (seconds) => {
     return uptime;
 };
 
+export const formatMsToUptime = (ms) => {
+    return formatUptime(ms / 1000);
+};
+
 export const formatIOPS = (value, capacity) => {
     return [Math.floor(value), Math.floor(capacity) + ' IOPS'];
 };

src/utils/utils.js

@@ -76,9 +76,9 @@ export function bytesToGB(bytes, shouldRound) {
 
 export function pad9(val) {
     const len = String(val).length;
-    let result = val
+    let result = val;
     for (let i = len; i < 9; i++) {
-        result = "0" + result;
+        result = '0' + result;
     }
     return result;
 }
@@ -88,4 +88,4 @@ export function isNumeric(value) {
     // - isNaN treats true/false/''/etc. as numbers, parseFloat fixes this
     // - parseFloat treats '123qwe' as number, isNaN fixes this
     return !isNaN(value) && !isNaN(parseFloat(value));
-};
+}