ydb-embedded-ui 1.10.2 → 1.11.1

package/dist/utils/index.js

@@ -1,14 +1,18 @@
 import numeral from 'numeral';
+import locales from 'numeral/locales'; // eslint-disable-line no-unused-vars
 import _ from 'lodash';
 
 import {i18n} from './i18n';
 import {MEGABYTE, TERABYTE, DAY_IN_SECONDS, GIGABYTE} from './constants';
-
-import locales from 'numeral/locales'; // eslint-disable-line no-unused-vars
+import {isNumeric} from './utils';
 
 numeral.locale(i18n.lang);
 
 export const formatBytes = (bytes) => {
+    if (!isNumeric(bytes)) {
+        return '';
+    }
+
     // by agreement, display byte values in decimal scale
     return numeral(bytes).format('0 b');
 };
@@ -53,13 +57,29 @@ export const formatThroughput = (value, total) => {
 };
 
 export const formatNumber = (number) => {
+    if (!isNumeric(number)) {
+        return '';
+    }
+
     return numeral(number).format();
 };
 
 export const formatCPU = (value) => {
+    if (!isNumeric(value)) {
+        return '';
+    }
+
     return numeral(value / 1000000).format('0.00');
 };
 
+export const formatDateTime = (value) => {
+    if (!isNumeric(value)) {
+        return '';
+    }
+
+    return value > 0 ? new Date(Number(value)).toUTCString() : 'N/A';
+};
+
 export const calcUptime = (milliseconds) => {
     const currentDate = new Date();
     return formatUptime((currentDate - Number(milliseconds)) / 1000);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ydb-embedded-ui",
-  "version": "1.10.2",
+  "version": "1.11.1",
   "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);
-    });
-});