ydb-embedded-ui 1.2.2 → 1.2.5

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 CHANGED
@@ -1,5 +1,30 @@
1
1
  # Changelog
2
2
 
3
+ ### [1.2.5](https://www.github.com/ydb-platform/ydb-embedded-ui/compare/v1.2.4...v1.2.5) (2022-05-05)
4
+
5
+
6
+ ### Bug Fixes
7
+
8
+ * **Node:** right padding on the storage page ([3a09d80](https://www.github.com/ydb-platform/ydb-embedded-ui/commit/3a09d8030c2b9d8f34675f3a790e19bba5b864e4))
9
+ * **Tenant:** fix horizontal scrollbar on diagnostics storage page ([017f5f3](https://www.github.com/ydb-platform/ydb-embedded-ui/commit/017f5f3470875824b11575c506837ab461a4e840))
10
+ * **Tenant:** keep acl heading at top ([7859fc6](https://www.github.com/ydb-platform/ydb-embedded-ui/commit/7859fc6a2e47071daf18b48a23974f2393e31417))
11
+ * **Storage:** move filters out of scrollable container ([66baaec](https://www.github.com/ydb-platform/ydb-embedded-ui/commit/66baaec170449c89da2d9f8e2170875c13334e68))
12
+ * **NodesViewer:** match default control styles ([c007674](https://www.github.com/ydb-platform/ydb-embedded-ui/commit/c0076742e78fdb87aadae9b22e073b923e7ca57e))
13
+
14
+ ### [1.2.4](https://www.github.com/ydb-platform/ydb-embedded-ui/compare/v1.2.3...v1.2.4) (2022-05-05)
15
+
16
+
17
+ ### Bug Fixes
18
+
19
+ * **Storage:** make 2 argument in getStorageInfo optional ([e349f8b](https://www.github.com/ydb-platform/ydb-embedded-ui/commit/e349f8b958756258b2d3790fbc9018c63b86498e))
20
+
21
+ ### [1.2.3](https://www.github.com/ydb-platform/ydb-embedded-ui/compare/v1.2.2...v1.2.3) (2022-05-05)
22
+
23
+
24
+ ### Bug Fixes
25
+
26
+ * **node reducer:** should specify concurrentId in getNodeStructure ([103c843](https://www.github.com/ydb-platform/ydb-embedded-ui/commit/103c843524e21af421954444774d68bda540ceae))
27
+
3
28
  ### [1.2.2](https://www.github.com/ydb-platform/ydb-embedded-ui/compare/v1.2.1...v1.2.2) (2022-05-04)
4
29
 
5
30
 
@@ -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 {
@@ -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 {
@@ -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 {
@@ -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);
@@ -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
  }
@@ -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
  }
@@ -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`,
@@ -86,7 +86,7 @@ export const getNodeInfo = (id) => {
86
86
 
87
87
  export const getNodeStructure = (nodeId) => {
88
88
  return createApiRequest({
89
- request: window.api.getStorageInfo({nodeId}),
89
+ request: window.api.getStorageInfo({nodeId}, {concurrentId: 'getNodeStructure'}),
90
90
  actions: FETCH_NODE_STRUCTURE,
91
91
  });
92
92
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ydb-embedded-ui",
3
- "version": "1.2.2",
3
+ "version": "1.2.5",
4
4
  "files": [
5
5
  "dist"
6
6
  ],