ydb-embedded-ui 1.0.2 → 1.0.3

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+### [1.0.3](https://www.github.com/ydb-platform/ydb-embedded-ui/compare/v1.0.2...v1.0.3) (2022-03-21)
+
+
+### Bug Fixes
+
+* query status should not be shown when query is loading ([d214eee](https://www.github.com/ydb-platform/ydb-embedded-ui/commit/d214eee575b63341082f0be33163e3fce520df88))
+* should set correct initial current index in queries history ([c3228d7](https://www.github.com/ydb-platform/ydb-embedded-ui/commit/c3228d7a6a0c810982db1bdbec7762889ac44ffa))
+* **Storage:** wording fixed [YDB-1552] ([3f487ff](https://www.github.com/ydb-platform/ydb-embedded-ui/commit/3f487ff01117963760b676d14281e93e5f3002c0))
+
 ### [1.0.2](https://www.github.com/ydb-platform/ydb-embedded-ui/compare/v1.0.1...v1.0.2) (2022-03-11)
 
 

package/dist/containers/Storage/StorageGroups/StorageGroups.tsx

@@ -210,13 +210,16 @@ function StorageGroups({data, tableSettings, visibleEntities, nodes}: StorageGro
     ];
 
     let columns = allColumns;
+    let emptyMessage = 'No such groups.';
 
     if (visibleEntities === VisibleEntities.Space) {
         columns = allColumns.filter((col) => col.name !== TableColumnsIds.Missing);
+        emptyMessage = 'No storage groups with space problems.';
     }
 
     if (visibleEntities === VisibleEntities.Missing) {
         columns = allColumns.filter((col) => col.name !== TableColumnsIds.UsedSpaceFlag);
+        emptyMessage = 'No degraded groups.';
     }
     return data ? (
         <DataTable
@@ -226,7 +229,7 @@ function StorageGroups({data, tableSettings, visibleEntities, nodes}: StorageGro
             columns={columns}
             settings={tableSettings}
             initialSortOrder={setSortOrder(visibleEntities)}
-            emptyDataMessage="No such groups."
+            emptyDataMessage={emptyMessage}
         />
     ) : null;
 }

package/dist/containers/Storage/StorageNodes/StorageNodes.tsx

@@ -114,9 +114,14 @@ function StorageNodes({data, tableSettings, visibleEntities}: StorageGroupsProps
     ];
 
     let columns = allColumns;
+    let emptyMessage = 'No such nodes.';
 
     if (visibleEntities === VisibleEntities.Space) {
         columns = allColumns.filter((col) => col.name !== TableColumnsIds.Missing);
+        emptyMessage = 'No nodes with space problems.';
+    }
+    if (visibleEntities === VisibleEntities.Missing) {
+        emptyMessage = 'No degraded nodes.';
     }
 
     return data ? (
@@ -127,7 +132,7 @@ function StorageNodes({data, tableSettings, visibleEntities}: StorageGroupsProps
             columns={columns}
             settings={tableSettings}
             initialSortOrder={setSortOrder(visibleEntities)}
-            emptyDataMessage="No such nodes."
+            emptyDataMessage={emptyMessage}
         />
     ) : null;
 }

package/dist/containers/Tenant/QueryEditor/QueryEditor.js

@@ -154,7 +154,7 @@ function QueryEditor(props) {
     useEffect(() => {
         const {monacoHotKey, setMonacoHotKey} = props;
         if (monacoHotKey === null) {
-            return 
+            return;
         }
         setMonacoHotKey(null);
         switch (monacoHotKey) {
@@ -464,19 +464,12 @@ function QueryEditor(props) {
     };
 
     const getExecuteResult = () => {
-        const {
-            data = [],
-            error,
-            loading,
-            history: {queries},
-        } = props.executeQuery;
+        const {data = [], error} = props.executeQuery;
 
         if (error) {
             return error.data || error;
         } else if (data.length > 0) {
             return data;
-        } else if (!loading && queries.length) {
-            return 'The request was successful';
         } else {
             return '';
         }

package/dist/containers/Tenant/QueryEditor/QueryExplain/QueryExplain.js

@@ -252,28 +252,32 @@ function QueryExplain(props) {
     return (
         <React.Fragment>
             <div className={b('controls')}>
-                <div className={b('controls-right')}>
-                    <QueryExecutionStatus hasError={Boolean(props.error)} />
-                    {!props.error && (
-                        <React.Fragment>
-                            <Divider />
-                            <RadioButton
-                                options={explainOptions}
-                                value={activeOption}
-                                onUpdate={onSelectOption}
+                {!props.loading && (
+                    <React.Fragment>
+                        <div className={b('controls-right')}>
+                            <QueryExecutionStatus hasError={Boolean(props.error)} />
+                            {!props.error && (
+                                <React.Fragment>
+                                    <Divider />
+                                    <RadioButton
+                                        options={explainOptions}
+                                        value={activeOption}
+                                        onUpdate={onSelectOption}
+                                    />
+                                </React.Fragment>
+                            )}
+                        </div>
+                        <div className={b('controls-left')}>
+                            <EnableFullscreenButton disabled={Boolean(props.error)} />
+                            <PaneVisibilityToggleButtons
+                                onCollapse={props.onCollapseResults}
+                                onExpand={props.onExpandResults}
+                                isCollapsed={props.isResultsCollapsed}
+                                initialDirection="bottom"
                             />
-                        </React.Fragment>
-                    )}
-                </div>
-                <div className={b('controls-left')}>
-                    <EnableFullscreenButton disabled={Boolean(props.error)} />
-                    <PaneVisibilityToggleButtons
-                        onCollapse={props.onCollapseResults}
-                        onExpand={props.onExpandResults}
-                        isCollapsed={props.isResultsCollapsed}
-                        initialDirection="bottom"
-                    />
-                </div>
+                        </div>
+                    </React.Fragment>
+                )}
             </div>
             <div className={b('result')}>{renderContent()}</div>
         </React.Fragment>

package/dist/containers/Tenant/QueryEditor/QueryExplain/QueryExplain.scss

@@ -19,6 +19,7 @@
         justify-content: space-between;
         align-items: center;
 
+        height: 53px;
         padding: 12px 20px;
 
         border-bottom: 1px solid var(--yc-color-line-generic);

package/dist/containers/Tenant/QueryEditor/QueryResult/QueryResult.scss

@@ -28,6 +28,7 @@
         justify-content: space-between;
         align-items: center;
 
+        height: 53px;
         padding: 12px 20px;
 
         border-bottom: 1px solid var(--yc-color-line-generic);

package/dist/store/reducers/executeQuery.js

@@ -34,7 +34,10 @@ const initialState = {
     input: '',
     history: {
         queries: queriesHistoryInitial.slice(sliceLimit < 0 ? 0 : sliceLimit),
-        currentIndex: -1,
+        currentIndex:
+            queriesHistoryInitial.length > MAXIMUM_QUERIES_IN_HISTORY
+                ? MAXIMUM_QUERIES_IN_HISTORY - 1
+                : queriesHistoryInitial.length - 1,
     },
     runAction: RUN_ACTIONS_VALUES.script,
     monacoHotKey: null,

package/dist/store/reducers/storage.js

@@ -6,8 +6,8 @@ import {calcUptime} from '../../utils';
 
 export const VisibleEntities = {
     All: 'All',
-    Missing: 'Missing',
-    Space: 'Space',
+    Missing: 'Degraded',
+    Space: 'Out of space',
 };
 
 export const StorageTypes = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ydb-embedded-ui",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "files": [
     "dist"
   ],