ydb-embedded-ui 1.13.1 → 1.13.2

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## [1.13.2](https://github.com/ydb-platform/ydb-embedded-ui/compare/v1.13.1...v1.13.2) (2022-09-05)
+
+
+### Bug Fixes
+
+* **Tenant:** fix acl scroll ([161bc8d](https://github.com/ydb-platform/ydb-embedded-ui/commit/161bc8d507de126c1383a10713e2ffaaaf13301d))
+* **Tenant:** fix layout after moving tabs ([6abfded](https://github.com/ydb-platform/ydb-embedded-ui/commit/6abfdedb97345b555be306d49ea2454f35de9bb4))
+* **Tenant:** load root if cahced path is not in tree ([2d86044](https://github.com/ydb-platform/ydb-embedded-ui/commit/2d8604464711a638dbd20cf8a14142b0de3e3a95))
+
 ## [1.13.1](https://github.com/ydb-platform/ydb-embedded-ui/compare/v1.13.0...v1.13.1) (2022-09-02)
 
 

package/dist/containers/Tenant/Acl/Acl.js

@@ -13,6 +13,12 @@ const b = cn('kv-acl');
 
 const COLUMN_WIDTH = 140;
 
+const TABLE_SETTINGS = {
+    ...DEFAULT_TABLE_SETTINGS,
+    dynamicRender: false,
+    stickyTop: 36,
+};
+
 class Acl extends React.Component {
     static propTypes = {
         error: PropTypes.string,
@@ -81,7 +87,7 @@ class Acl extends React.Component {
             <DataTable
                 columns={this.COLUMNS}
                 data={acl}
-                settings={{...DEFAULT_TABLE_SETTINGS, stickyTop: 36}}
+                settings={TABLE_SETTINGS}
             />
         );
     };

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

@@ -7,7 +7,7 @@
     flex: 1 1 auto;
     flex-direction: column;
 
-    height: calc(100% - 56px);
+    height: 100%;
 
     @include query-data-table;
 

package/dist/containers/Tenant/Schema/SchemaTree/SchemaTree.tsx

@@ -1,3 +1,4 @@
+import {useEffect} from 'react';
 import {useDispatch} from 'react-redux';
 
 import {NavigationTree} from 'ydb-ui-components';
@@ -48,6 +49,13 @@ export function SchemaTree(props: SchemaTreeProps) {
         dispatch(getSchemaAcl({path: activePath}));
     };
 
+    useEffect(() => {
+        // if the cached path is not in the current tree, show root
+        if (!currentPath.startsWith(rootPath)) {
+            handleActivePathUpdate(rootPath);
+        }
+    }, []);
+
     return (
         <NavigationTree
             rootState={{

package/dist/containers/Tenant/Tenant.scss

@@ -11,55 +11,7 @@
         overflow: initial;
     }
 
-    &__loader {
-        display: flex;
-        flex: 1 1 auto;
-        justify-content: center;
-        align-items: center;
-    }
-
-    &__content {
-        overflow: auto;
-        @include flex-container();
-    }
-
-    &__storage {
-        overflow: auto;
-
-        height: 100%;
-        padding-left: 20px;
-    }
-
-    &__row {
-        display: flex;
-        align-items: flex-start;
-
-        &_schema {
-            height: 100%;
-        }
-
-        &_schema-tags {
-            align-items: center;
-        }
-    }
-
-    &__schema-wrapper {
-        overflow: auto;
-
-        min-width: 300px;
-        height: 100%;
-        padding-top: 15px;
-        padding-left: 8px;
-    }
-
-    &__schema-tabs-wrapper {
-        overflow: auto;
-
-        width: 100%;
-        height: 100%;
-        padding: 15px 0 0 15px;
-
-        border-left: 1px solid rgba(0, 0, 0, 0.07);
-        @include flex-container();
+    &__tab-content {
+        height: calc(100% - 56px); // general tabs height
     }
 }

package/dist/containers/Tenant/Tenant.tsx

@@ -134,28 +134,30 @@ function Tenant(props: TenantProps) {
             ) : (
                 <>
                     <ObjectGeneralTabs />
-                    <SplitPane
-                        defaultSizePaneKey={DEFAULT_SIZE_TENANT_KEY}
-                        defaultSizes={[25, 75]}
-                        triggerCollapse={summaryVisibilityState.triggerCollapse}
-                        triggerExpand={summaryVisibilityState.triggerExpand}
-                        minSize={[36, 200]}
-                        onSplitStartDragAdditional={onSplitStartDragAdditional}
-                    >
-                        <ObjectSummary
-                            type={currentPathType}
-                            subType={currentPathSubType}
-                            onCollapseSummary={onCollapseSummaryHandler}
-                            onExpandSummary={onExpandSummaryHandler}
-                            isCollapsed={summaryVisibilityState.collapsed}
-                            additionalTenantInfo={props.additionalTenantInfo}
-                        />
-                        <ObjectGeneral
-                            type={currentPathType}
-                            additionalTenantInfo={props.additionalTenantInfo}
-                            additionalNodesInfo={props.additionalNodesInfo}
-                        />
-                    </SplitPane>
+                    <div className={b('tab-content')}>
+                        <SplitPane
+                            defaultSizePaneKey={DEFAULT_SIZE_TENANT_KEY}
+                            defaultSizes={[25, 75]}
+                            triggerCollapse={summaryVisibilityState.triggerCollapse}
+                            triggerExpand={summaryVisibilityState.triggerExpand}
+                            minSize={[36, 200]}
+                            onSplitStartDragAdditional={onSplitStartDragAdditional}
+                        >
+                            <ObjectSummary
+                                type={currentPathType}
+                                subType={currentPathSubType}
+                                onCollapseSummary={onCollapseSummaryHandler}
+                                onExpandSummary={onExpandSummaryHandler}
+                                isCollapsed={summaryVisibilityState.collapsed}
+                                additionalTenantInfo={props.additionalTenantInfo}
+                            />
+                            <ObjectGeneral
+                                type={currentPathType}
+                                additionalTenantInfo={props.additionalTenantInfo}
+                                additionalNodesInfo={props.additionalNodesInfo}
+                            />
+                        </SplitPane>
+                    </div>
                 </>
             )}
         </div>

package/package.json

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