ydb-embedded-ui 1.8.6 → 1.8.7

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # 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)
 
 

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/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.6",
+  "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",