ydb-embedded-ui 1.2.3 → 1.2.6

Sign up to get free protection for your applications and to get access to all the features.
Files changed (11) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/components/NodesViewer/NodesViewer.scss +1 -5
  3. package/dist/containers/Node/Node.scss +1 -1
  4. package/dist/containers/Storage/Storage.js +0 -1
  5. package/dist/containers/Storage/Storage.scss +3 -17
  6. package/dist/containers/Tenant/Acl/Acl.scss +5 -0
  7. package/dist/containers/Tenant/Diagnostics/Diagnostics.scss +8 -9
  8. package/dist/containers/Tenant/Diagnostics/Healthcheck/Healthcheck.scss +14 -1
  9. package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantOverview.scss +2 -2
  10. package/dist/services/api.js +1 -1
  11. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,31 @@
1
1
  # Changelog
2
2
 
3
+ ### [1.2.6](https://www.github.com/ydb-platform/ydb-embedded-ui/compare/v1.2.5...v1.2.6) (2022-05-05)
4
+
5
+
6
+ ### Bug Fixes
7
+
8
+ * code-review ([1068339](https://www.github.com/ydb-platform/ydb-embedded-ui/commit/1068339d128fb44b661837b7d777b5e5f725a611))
9
+ * **Diagnostics:** layout ([2b11c35](https://www.github.com/ydb-platform/ydb-embedded-ui/commit/2b11c35c14cd1fa17d36bbeb2a371fb2fef3fb70))
10
+
11
+ ### [1.2.5](https://www.github.com/ydb-platform/ydb-embedded-ui/compare/v1.2.4...v1.2.5) (2022-05-05)
12
+
13
+
14
+ ### Bug Fixes
15
+
16
+ * **Node:** right padding on the storage page ([3a09d80](https://www.github.com/ydb-platform/ydb-embedded-ui/commit/3a09d8030c2b9d8f34675f3a790e19bba5b864e4))
17
+ * **Tenant:** fix horizontal scrollbar on diagnostics storage page ([017f5f3](https://www.github.com/ydb-platform/ydb-embedded-ui/commit/017f5f3470875824b11575c506837ab461a4e840))
18
+ * **Tenant:** keep acl heading at top ([7859fc6](https://www.github.com/ydb-platform/ydb-embedded-ui/commit/7859fc6a2e47071daf18b48a23974f2393e31417))
19
+ * **Storage:** move filters out of scrollable container ([66baaec](https://www.github.com/ydb-platform/ydb-embedded-ui/commit/66baaec170449c89da2d9f8e2170875c13334e68))
20
+ * **NodesViewer:** match default control styles ([c007674](https://www.github.com/ydb-platform/ydb-embedded-ui/commit/c0076742e78fdb87aadae9b22e073b923e7ca57e))
21
+
22
+ ### [1.2.4](https://www.github.com/ydb-platform/ydb-embedded-ui/compare/v1.2.3...v1.2.4) (2022-05-05)
23
+
24
+
25
+ ### Bug Fixes
26
+
27
+ * **Storage:** make 2 argument in getStorageInfo optional ([e349f8b](https://www.github.com/ydb-platform/ydb-embedded-ui/commit/e349f8b958756258b2d3790fbc9018c63b86498e))
28
+
3
29
  ### [1.2.3](https://www.github.com/ydb-platform/ydb-embedded-ui/compare/v1.2.2...v1.2.3) (2022-05-05)
4
30
 
5
31
 
package/dist/components/NodesViewer/NodesViewer.scss CHANGED
@@ -5,11 +5,7 @@
5
5
  @include flex-container();
6
6
 
7
7
  &__controls {
8
- display: flex;
9
- align-items: center;
10
- gap: 12px;
11
-
12
- margin: 0 0 8px;
8
+ @include controls;
13
9
  }
14
10
 
15
11
  &__name {
package/dist/containers/Node/Node.scss CHANGED
@@ -15,7 +15,7 @@
15
15
  overflow: auto;
16
16
 
17
17
  height: 100%;
18
- padding-left: 20px;
18
+ padding: 0 20px;
19
19
  }
20
20
 
21
21
  &__tabs {
package/dist/containers/Storage/Storage.js CHANGED
@@ -40,7 +40,6 @@ const FILTER_OPTIONS = {
40
40
  const tableSettings = {
41
41
  ...DEFAULT_TABLE_SETTINGS,
42
42
  defaultOrder: DataTable.DESCENDING,
43
- stickyTop: 62,
44
43
  };
45
44
 
46
45
  class Storage extends React.Component {
package/dist/containers/Storage/Storage.scss CHANGED
@@ -1,22 +1,11 @@
1
1
  @import '../../styles/mixins.scss';
2
2
 
3
3
  .global-storage {
4
- display: flex;
5
- overflow: auto;
6
- flex-direction: column;
7
- align-items: flex-start;
8
-
9
4
  height: 100%;
10
5
  max-height: 100%;
6
+ @include flex-container;
11
7
 
12
8
  &__controls {
13
- position: sticky;
14
- z-index: 2;
15
- top: 0;
16
-
17
- width: 100%;
18
-
19
- background-color: var(--yc-color-base-background);
20
9
  @include controls();
21
10
  }
22
11
  &__search {
@@ -24,11 +13,8 @@
24
13
  }
25
14
 
26
15
  &__table-wrapper {
27
- display: flex;
28
- flex: 1 1 auto;
29
- flex-direction: column;
30
-
31
- min-width: 100%;
16
+ overflow: auto;
17
+ flex-grow: 1;
32
18
 
33
19
  font-size: var(--yc-text-body2-font-size);
34
20
  line-height: var(--yc-text-body2-line-height);
package/dist/containers/Tenant/Acl/Acl.scss CHANGED
@@ -7,6 +7,11 @@
7
7
 
8
8
  padding: 0 12px 16px;
9
9
  @include query-data-table;
10
+
11
+ &__result {
12
+ align-self: flex-start;
13
+ }
14
+
10
15
  &__message-container {
11
16
  padding: 0 12px 16px;
12
17
  }
package/dist/containers/Tenant/Diagnostics/Diagnostics.scss CHANGED
@@ -1,13 +1,11 @@
1
1
  .kv-tenant-diagnostics {
2
+ display: flex;
2
3
  overflow: hidden;
4
+ flex-direction: column;
3
5
 
4
6
  height: 100%;
5
- &__header-wrapper {
6
- position: sticky;
7
- z-index: 2;
8
- top: 0;
9
- left: 0;
10
7
 
8
+ &__header-wrapper {
11
9
  padding: 13px 20px 16px;
12
10
 
13
11
  background-color: var(--yc-color-base-background);
@@ -36,15 +34,16 @@
36
34
 
37
35
  &__page-wrapper {
38
36
  overflow: auto;
37
+ flex-grow: 1;
39
38
 
40
39
  width: 100%;
41
- height: calc(100% - 69px);
42
40
  padding: 0 20px;
43
41
 
42
+ & .nodes-viewer,
44
43
  & .global-storage {
45
- height: calc(100% + 16px);
46
- max-height: calc(100% + 16px);
47
- margin-top: -16px;
44
+ &__controls {
45
+ padding-top: 0;
46
+ }
48
47
  }
49
48
  }
50
49
  }
package/dist/containers/Tenant/Diagnostics/Healthcheck/Healthcheck.scss CHANGED
@@ -3,6 +3,14 @@
3
3
  .healthcheck {
4
4
  padding: 25px 20px 20px;
5
5
 
6
+ &__issues {
7
+ overflow-x: hidden;
8
+ overflow-y: auto;
9
+
10
+ height: 70vh;
11
+ max-height: 70vh;
12
+ }
13
+
6
14
  &__loader {
7
15
  display: flex;
8
16
  justify-content: center;
@@ -29,18 +37,23 @@
29
37
 
30
38
  &__status-wrapper {
31
39
  display: flex;
32
- gap: 8px;
40
+ align-items: baseline;
33
41
 
34
42
  margin-bottom: 15px;
43
+ gap: 8px;
35
44
  }
36
45
 
37
46
  &__preview-title {
38
47
  font-weight: 600;
48
+ line-height: 24px;
39
49
  }
40
50
 
41
51
  &__self-check-status-indicator {
42
52
  padding: 0 8px;
43
53
 
54
+ font-size: 13px;
55
+ line-height: 24px;
56
+
44
57
  border-radius: 4px;
45
58
 
46
59
  &_good,
package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantOverview.scss CHANGED
@@ -21,11 +21,11 @@
21
21
  }
22
22
 
23
23
  &__top-label {
24
- gap: 10px;
25
-
26
24
  margin-bottom: 20px;
27
25
 
28
26
  font-weight: 600;
27
+ line-height: 24px;
28
+ gap: 10px;
29
29
  }
30
30
 
31
31
  &__common-info {
package/dist/services/api.js CHANGED
@@ -35,7 +35,7 @@ export class YdbEmbeddedAPI extends AxiosWrapper {
35
35
  storage: true,
36
36
  });
37
37
  }
38
- getStorageInfo({tenant, filter, nodeId, type}, {concurrentId}) {
38
+ getStorageInfo({tenant, filter, nodeId, type}, {concurrentId} = {}) {
39
39
  return this.get(
40
40
  this.getPath(
41
41
  `/viewer/json/${type === StorageTypes.nodes ? 'nodes' : 'storage'}?enums=true`,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ydb-embedded-ui",
3
- "version": "1.2.3",
3
+ "version": "1.2.6",
4
4
  "files": [
5
5
  "dist"
6
6
  ],