ydb-embedded-ui 1.5.1 → 1.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +37 -0
- package/dist/assets/icons/circle-exclamation.svg +1 -0
- package/dist/assets/icons/circle-info.svg +1 -0
- package/dist/assets/icons/circle-xmark.svg +1 -0
- package/dist/assets/icons/triangle-exclamation.svg +1 -0
- package/dist/components/AsideNavigation/Settings/Settings.scss +4 -4
- package/dist/components/Breadcrumbs/Breadcrumbs.scss +1 -1
- package/dist/components/Collapse/Collapse.scss +8 -8
- package/dist/components/EmptyState/EmptyState.scss +6 -6
- package/dist/components/EntityStatus/EntityStatus.scss +6 -6
- package/dist/components/FullNodeViewer/FullNodeViewer.scss +7 -7
- package/dist/components/GroupViewer/GroupViewer.scss +1 -1
- package/dist/components/InfoViewer/InfoViewer.scss +4 -4
- package/dist/components/PDiskViewer/PDiskViewer.scss +1 -1
- package/dist/components/PoolUsage/PoolUsage.scss +5 -5
- package/dist/components/ProgressViewer/ProgressViewer.scss +9 -9
- package/dist/components/ShortyString/ShortyString.scss +7 -0
- package/dist/components/ShortyString/ShortyString.tsx +53 -0
- package/dist/components/TableSkeleton/TableSkeleton.scss +1 -1
- package/dist/components/TabletsViewer/TabletsViewer.scss +2 -2
- package/dist/containers/App/App.js +2 -1
- package/dist/containers/App/App.scss +6 -0
- package/dist/containers/App/TipPopup/TipPopup.js +1 -1
- package/dist/containers/AsideNavigation/AsideNavigation.scss +1 -1
- package/dist/containers/Authentication/Authentication.scss +2 -2
- package/dist/containers/Header/Header.scss +2 -2
- package/dist/containers/Header/Host/Host.scss +6 -6
- package/dist/containers/Heatmap/Heatmap.js +1 -2
- package/dist/containers/Heatmap/Heatmap.scss +2 -2
- package/dist/containers/Node/Node.scss +0 -1
- package/dist/containers/Node/Node.tsx +1 -0
- package/dist/containers/Node/NodeStructure/NodeStructure.scss +3 -3
- package/dist/containers/Node/NodeStructure/Pdisk.tsx +6 -6
- package/dist/containers/Pdisk/Pdisk.scss +2 -2
- package/dist/containers/Pool/Pool.scss +3 -3
- package/dist/containers/Storage/DiskStateProgressBar/DiskStateProgressBar.scss +2 -2
- package/dist/containers/Storage/Storage.scss +3 -3
- package/dist/containers/Storage/StorageGroups/StorageGroups.tsx +4 -4
- package/dist/containers/Storage/StorageNodes/StorageNodes.tsx +4 -4
- package/dist/containers/Tablet/Tablet.scss +4 -4
- package/dist/containers/Tablets/Tablets.js +1 -2
- package/dist/containers/TabletsFilters/TabletsFilters.js +1 -2
- package/dist/containers/TabletsFilters/TabletsFilters.scss +2 -2
- package/dist/containers/Tenant/Acl/Acl.scss +2 -2
- package/dist/containers/Tenant/Diagnostics/Diagnostics.tsx +15 -21
- package/dist/containers/Tenant/Diagnostics/HotKeys/HotKeys.js +3 -2
- package/dist/containers/Tenant/Diagnostics/Network/Network.scss +6 -6
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantOverview.scss +4 -4
- package/dist/containers/Tenant/Diagnostics/TopQueries/TopQueries.js +5 -4
- package/dist/containers/Tenant/Diagnostics/TopQueries/TopQueries.scss +2 -2
- package/dist/containers/Tenant/Diagnostics/TopShards/TopShards.js +8 -7
- package/dist/containers/Tenant/ObjectGeneral/ObjectGeneral.scss +7 -8
- package/dist/containers/Tenant/ObjectGeneral/ObjectGeneral.tsx +2 -12
- package/dist/containers/Tenant/ObjectSummary/ObjectSummary.tsx +5 -8
- package/dist/containers/Tenant/Preview/Preview.js +2 -2
- package/dist/containers/Tenant/QueryEditor/Issues/Issues.scss +124 -0
- package/dist/containers/Tenant/QueryEditor/Issues/Issues.tsx +171 -0
- package/dist/containers/Tenant/QueryEditor/Issues/models.ts +27 -0
- package/dist/containers/Tenant/QueryEditor/QueryEditor.js +38 -52
- package/dist/containers/Tenant/QueryEditor/QueryExplain/QueryExplain.js +4 -1
- package/dist/containers/Tenant/QueryEditor/QueryResult/QueryResult.js +32 -5
- package/dist/containers/Tenant/QueryEditor/SaveQuery/SaveQuery.scss +1 -1
- package/dist/containers/Tenant/Schema/SchemaTree/SchemaTree.tsx +1 -3
- package/dist/containers/Tenant/Tenant.scss +2 -2
- package/dist/containers/Tenant/utils/schemaActions.ts +3 -18
- package/dist/containers/Vdisk/Vdisk.scss +2 -2
- package/dist/containers/VdiskPdiskNode/VdiskPdiskNode.scss +2 -2
- package/dist/store/reducers/tenant.js +30 -0
- package/dist/store/state-url-mapping.js +6 -0
- package/dist/store/utils.js +1 -1
- package/dist/styles/mixins.scss +13 -13
- package/dist/utils/getNodesColumns.js +2 -3
- package/dist/utils/index.js +4 -0
- package/package.json +6 -7
@@ -3,6 +3,8 @@ import '../../services/api';
|
|
3
3
|
import _ from 'lodash';
|
4
4
|
|
5
5
|
const FETCH_TENANT = createRequestActionTypes('tenant', 'FETCH_TENANT');
|
6
|
+
const SET_TOP_LEVEL_TAB = 'tenant/SET_TOP_LEVEL_TAB';
|
7
|
+
const SET_DIAGNOSTICS_TAB = 'tenant/SET_DIAGNOSTICS_TAB';
|
6
8
|
|
7
9
|
const tenantReducer = (state = {loading: false, tenant: {}}, action) => {
|
8
10
|
switch (action.type) {
|
@@ -41,6 +43,20 @@ const tenantReducer = (state = {loading: false, tenant: {}}, action) => {
|
|
41
43
|
};
|
42
44
|
}
|
43
45
|
|
46
|
+
case SET_TOP_LEVEL_TAB: {
|
47
|
+
return {
|
48
|
+
...state,
|
49
|
+
topLevelTab: action.data,
|
50
|
+
};
|
51
|
+
}
|
52
|
+
|
53
|
+
case SET_DIAGNOSTICS_TAB: {
|
54
|
+
return {
|
55
|
+
...state,
|
56
|
+
diagnosticsTab: action.data,
|
57
|
+
};
|
58
|
+
}
|
59
|
+
|
44
60
|
default:
|
45
61
|
return state;
|
46
62
|
}
|
@@ -73,4 +89,18 @@ export const getTenantInfo = ({path}) => {
|
|
73
89
|
});
|
74
90
|
};
|
75
91
|
|
92
|
+
export function setTopLevelTab(tab) {
|
93
|
+
return {
|
94
|
+
type: SET_TOP_LEVEL_TAB,
|
95
|
+
data: tab,
|
96
|
+
};
|
97
|
+
}
|
98
|
+
|
99
|
+
export function setDiagnosticsTab(tab) {
|
100
|
+
return {
|
101
|
+
type: SET_DIAGNOSTICS_TAB,
|
102
|
+
data: tab,
|
103
|
+
};
|
104
|
+
}
|
105
|
+
|
76
106
|
export default tenantReducer;
|
package/dist/store/utils.js
CHANGED
@@ -32,7 +32,7 @@ export function createApiRequest({actions, request, dataHandler = nop}) {
|
|
32
32
|
dispatch({
|
33
33
|
type: SET_UNAUTHENTICATED.SUCCESS,
|
34
34
|
});
|
35
|
-
} else if (error && error.status && error.statusText) {
|
35
|
+
} else if (error && Number(error.status) >= 500 && error.statusText) {
|
36
36
|
createToast({
|
37
37
|
name: 'Request failure',
|
38
38
|
title: 'Request failure',
|
package/dist/styles/mixins.scss
CHANGED
@@ -16,25 +16,25 @@
|
|
16
16
|
}
|
17
17
|
|
18
18
|
@mixin body-typography() {
|
19
|
-
font-size: var(--yc-text-body-font-size);
|
20
|
-
line-height: var(--yc-text-body-line-height);
|
19
|
+
font-size: var(--yc-text-body-1-font-size);
|
20
|
+
line-height: var(--yc-text-body-1-line-height);
|
21
21
|
}
|
22
22
|
@mixin body2-typography() {
|
23
|
-
font-size: var(--yc-text-
|
24
|
-
line-height: var(--yc-text-
|
23
|
+
font-size: var(--yc-text-body-2-font-size);
|
24
|
+
line-height: var(--yc-text-body-2-line-height);
|
25
25
|
}
|
26
26
|
@mixin body3-typography() {
|
27
|
-
font-size: var(--yc-text-
|
28
|
-
line-height: var(--yc-text-
|
27
|
+
font-size: var(--yc-text-body-3-font-size);
|
28
|
+
line-height: var(--yc-text-body-3-line-height);
|
29
29
|
}
|
30
30
|
@mixin lead-typography() {
|
31
|
-
font-size: var(--yc-text-
|
32
|
-
line-height: var(--yc-text-
|
31
|
+
font-size: var(--yc-text-subheader-3-font-size);
|
32
|
+
line-height: var(--yc-text-subheader-3-line-height);
|
33
33
|
}
|
34
34
|
|
35
35
|
@mixin title-typography() {
|
36
|
-
font-size: var(--yc-text-
|
37
|
-
line-height: var(--yc-text-
|
36
|
+
font-size: var(--yc-text-header-2-font-size);
|
37
|
+
line-height: var(--yc-text-header-2-line-height);
|
38
38
|
}
|
39
39
|
|
40
40
|
@mixin sticky-top {
|
@@ -188,8 +188,8 @@
|
|
188
188
|
@mixin json-tree-styles {
|
189
189
|
// stylelint-disable
|
190
190
|
font-family: var(--yc-font-family-monospace) !important;
|
191
|
-
font-size: var(--yc-text-code-font-size) !important;
|
192
|
-
line-height: var(--yc-text-code-line-height) !important;
|
191
|
+
font-size: var(--yc-text-code-1-font-size) !important;
|
192
|
+
line-height: var(--yc-text-code-1-line-height) !important;
|
193
193
|
// stylelint-enable
|
194
194
|
|
195
195
|
.json-inspector__leaf_composite:before {
|
@@ -239,7 +239,7 @@
|
|
239
239
|
margin: 0;
|
240
240
|
padding: 0;
|
241
241
|
|
242
|
-
font-family: var(--yc-font-family);
|
242
|
+
font-family: var(--yc-text-body-font-family);
|
243
243
|
font-size: 13px;
|
244
244
|
vertical-align: top;
|
245
245
|
|
@@ -1,7 +1,6 @@
|
|
1
|
-
import React from 'react';
|
2
1
|
import cn from 'bem-cn-lite';
|
3
2
|
import DataTable from '@yandex-cloud/react-data-table';
|
4
|
-
import {Button,
|
3
|
+
import {Button, Popover} from '@yandex-cloud/uikit';
|
5
4
|
|
6
5
|
import Icon from '../components/Icon/Icon';
|
7
6
|
import EntityStatus from '../components/EntityStatus/EntityStatus';
|
@@ -62,7 +61,7 @@ export function getNodesColumns({showTooltip, hideTooltip, tabletsPath, getNodeR
|
|
62
61
|
width: '200px',
|
63
62
|
align: DataTable.LEFT,
|
64
63
|
render: ({value}) => {
|
65
|
-
return <
|
64
|
+
return <Popover content={value}>{value}</Popover>;
|
66
65
|
},
|
67
66
|
},
|
68
67
|
{
|
package/dist/utils/index.js
CHANGED
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "ydb-embedded-ui",
|
3
|
-
"version": "1.
|
3
|
+
"version": "1.6.0",
|
4
4
|
"files": [
|
5
5
|
"dist"
|
6
6
|
],
|
@@ -40,7 +40,7 @@
|
|
40
40
|
"reselect": "4.0.0",
|
41
41
|
"sass": "1.32.8",
|
42
42
|
"web-vitals": "1.1.2",
|
43
|
-
"ydb-ui-components": "
|
43
|
+
"ydb-ui-components": "2.0.1"
|
44
44
|
},
|
45
45
|
"scripts": {
|
46
46
|
"start": "react-app-rewired start",
|
@@ -52,9 +52,7 @@
|
|
52
52
|
"test": "react-app-rewired test",
|
53
53
|
"eject": "react-scripts eject",
|
54
54
|
"prepublishOnly": "npm run package",
|
55
|
-
"typecheck": "
|
56
|
-
"typecheck:server": "tsc -p src/server --noEmit",
|
57
|
-
"typecheck:ui": "tsc -p src/ui --noEmit",
|
55
|
+
"typecheck": "tsc --noEmit",
|
58
56
|
"prepare": "husky install"
|
59
57
|
},
|
60
58
|
"lint-staged": {
|
@@ -93,7 +91,7 @@
|
|
93
91
|
"@yandex-cloud/prettier-config": "^1.0.0",
|
94
92
|
"@yandex-cloud/stylelint-config": "^1.1.0",
|
95
93
|
"@yandex-cloud/tsconfig": "^1.0.0",
|
96
|
-
"@yandex-cloud/uikit": "^
|
94
|
+
"@yandex-cloud/uikit": "^2.4.0",
|
97
95
|
"copyfiles": "^2.4.1",
|
98
96
|
"eslint-config-prettier": "^8.3.0",
|
99
97
|
"husky": "^7.0.4",
|
@@ -107,6 +105,7 @@
|
|
107
105
|
"typescript": "^4.5.5"
|
108
106
|
},
|
109
107
|
"peerDependencies": {
|
110
|
-
"@yandex-cloud/browserslist-config": "^1.0.1"
|
108
|
+
"@yandex-cloud/browserslist-config": "^1.0.1",
|
109
|
+
"@yandex-cloud/uikit": "^2.4.0"
|
111
110
|
}
|
112
111
|
}
|