ydb-embedded-ui 1.8.4 → 1.8.7

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # Changelog
 
+## [1.8.7](https://github.com/ydb-platform/ydb-embedded-ui/compare/v1.8.6...v1.8.7) (2022-07-18)
+
+
+### Bug Fixes
+
+* **Preview:** sort numbers as numbers, not string ([6c42a62](https://github.com/ydb-platform/ydb-embedded-ui/commit/6c42a62d077fcb9419ceb680906d4cef78a0134f))
+
+## [1.8.6](https://github.com/ydb-platform/ydb-embedded-ui/compare/v1.8.5...v1.8.6) (2022-07-14)
+
+
+### Bug Fixes
+
+* **Tenant:** fix switching between groups and nodes on storage tab ([6923885](https://github.com/ydb-platform/ydb-embedded-ui/commit/6923885336fa21ac985879e41685137adbf8159a))
+
+## [1.8.5](https://github.com/ydb-platform/ydb-embedded-ui/compare/v1.8.4...v1.8.5) (2022-07-11)
+
+
+### Bug Fixes
+
+* **AsideNavigation:** aside header is compact by default ([aa3ad03](https://github.com/ydb-platform/ydb-embedded-ui/commit/aa3ad033fc6b62e6f2ee595e266343e67e764ec6))
+
 ## [1.8.4](https://github.com/ydb-platform/ydb-embedded-ui/compare/v1.8.3...v1.8.4) (2022-07-11)
 
 

package/dist/containers/App/App.js

@@ -3,7 +3,7 @@ import {connect} from 'react-redux';
 import PropTypes from 'prop-types';
 
 import {configure as configureUiKit} from '@yandex-cloud/uikit';
-import {i18n as YDBComponentsI18N} from 'ydb-ui-components';
+import {configure as configureYdbUiComponents} from 'ydb-ui-components';
 import {i18n, Lang} from '../../utils/i18n';
 
 import ContentWrapper, {Content} from './Content';
@@ -27,10 +27,8 @@ class App extends React.Component {
     constructor(props) {
         super(props);
         i18n.setLang(Lang.En);
-        YDBComponentsI18N.setLang(Lang.En);
-        configureUiKit({
-            lang: Lang.En,
-        });
+        configureYdbUiComponents({lang: Lang.En});
+        configureUiKit({lang: Lang.En});
     }
 
     componentDidMount() {

package/dist/containers/AsideNavigation/AsideNavigation.tsx

@@ -189,6 +189,7 @@ function AsideNavigation(props: AsideNavigationProps) {
                 onLogoIconClick={() => history.push('/')}
                 menuItems={menuItems}
                 settings={<UserSettings />}
+                initIsCompact
                 className={b()}
                 renderContent={() => props.children}
                 renderFooter={({isCompact, asideRef}) => (

package/dist/containers/Storage/Storage.js

@@ -115,7 +115,9 @@ class Storage extends React.Component {
                 filter: FILTER_OPTIONS[visibleEntities],
                 type: storageType,
             });
+        };
 
+        const restartAutorefresh = () => {
             this.autofetcher.stop();
             this.autofetcher.start();
             this.autofetcher.fetch(() =>
@@ -131,14 +133,15 @@ class Storage extends React.Component {
         }
         if (database && autorefresh && !prevProps.autorefresh) {
             startFetch();
+            restartAutorefresh();
         }
 
-        if (
-            (storageType !== prevProps.storageType ||
-                visibleEntities !== prevProps.visibleEntities) &&
-            (!database || (database && autorefresh))
-        ) {
+        if (storageType !== prevProps.storageType || visibleEntities !== prevProps.visibleEntities) {
             startFetch();
+
+            if (!database || (database && autorefresh)) {
+                restartAutorefresh();
+            }
         }
     }
 

package/dist/containers/Tenant/Preview/Preview.js

@@ -12,6 +12,7 @@ import Fullscreen from '../../../components/Fullscreen/Fullscreen';
 import {sendQuery, setQueryOptions} from '../../../store/reducers/preview';
 import {showTooltip, hideTooltip} from '../../../store/reducers/tooltip';
 import {prepareQueryError, prepareQueryResponse} from '../../../utils/index';
+import {isNumeric} from '../../../utils/utils';
 
 import {isTableType} from '../utils/schema';
 import {AutoFetcher} from '../../../utils/autofetcher';
@@ -127,6 +128,8 @@ class Preview extends React.Component {
         if (data && data.length > 0) {
             columns = Object.keys(data[0]).map((key) => ({
                 name: key,
+                align: isNumeric(data[0][key]) ? DataTable.RIGHT : DataTable.LEFT,
+                sortAccessor: (row) => isNumeric(row[key]) ? Number(row[key]) : row[key],
                 render: ({value}) => {
                     return (
                         <span

package/dist/utils/utils.js

@@ -81,4 +81,11 @@ export function pad9(val) {
         result = "0" + result;
     }
     return result;
-}
+}
+
+export function isNumeric(value) {
+    // need both isNaN and isNaN(parseFloat):
+    // - isNaN treats true/false/''/etc. as numbers, parseFloat fixes this
+    // - parseFloat treats '123qwe' as number, isNaN fixes this
+    return !isNaN(value) && !isNaN(parseFloat(value));
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ydb-embedded-ui",
-  "version": "1.8.4",
+  "version": "1.8.7",
   "files": [
     "dist"
   ],
@@ -40,7 +40,7 @@
     "reselect": "4.0.0",
     "sass": "1.32.8",
     "web-vitals": "1.1.2",
-    "ydb-ui-components": "2.2.0"
+    "ydb-ui-components": "2.3.0"
   },
   "scripts": {
     "start": "react-app-rewired start",