ydb-embedded-ui 1.6.1 → 1.6.4

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # Changelog
 
+## [1.6.4](https://github.com/ydb-platform/ydb-embedded-ui/compare/v1.6.3...v1.6.4) (2022-06-24)
+
+
+### Bug Fixes
+
+* **Tenant:** properly display ColumnTables ([14d1e07](https://github.com/ydb-platform/ydb-embedded-ui/commit/14d1e074bf615be50f4f466d25e605b418f22b47))
+
+## [1.6.3](https://github.com/ydb-platform/ydb-embedded-ui/compare/v1.6.2...v1.6.3) (2022-06-22)
+
+
+### Bug Fixes
+
+* **ClipboardButton:** clickable area now matches visual area ([8c0b5ef](https://github.com/ydb-platform/ydb-embedded-ui/commit/8c0b5ef27d5d31b28a29455b3019de23bdbf8f68))
+
+## [1.6.2](https://github.com/ydb-platform/ydb-embedded-ui/compare/v1.6.1...v1.6.2) (2022-06-07)
+
+
+### Bug Fixes
+
+* shouls always select result tab ([98d4bcb](https://github.com/ydb-platform/ydb-embedded-ui/commit/98d4bcbc94bc2b9db9fb9b9cd5aced9f079ecdae))
+
 ## [1.6.1](https://github.com/ydb-platform/ydb-embedded-ui/compare/v1.6.0...v1.6.1) (2022-06-07)
 
 

package/dist/components/EntityStatus/EntityStatus.js

@@ -80,15 +80,15 @@ class EntityStatus extends React.Component {
                 )}
                 {this.renderLink()}
                 {hasClipboardButton && (
-                    <span
+                    <Button
+                        component="span"
+                        size="s"
                         className={b('clipboard-button', {
                             visible: false,
                         })}
                     >
-                        <Button size="s">
-                            <ClipboardButton text={name} size={16} />
-                        </Button>
-                    </span>
+                        <ClipboardButton text={name} size={16} />
+                    </Button>
                 )}
             </div>
         );

package/dist/components/EntityStatus/EntityStatus.scss

@@ -17,11 +17,16 @@
         color: var(--yc-color-text-secondary);
 
         .yc-button__text {
-            margin: 0 4px;
+            margin: 0;
+        }
+
+        .yc-clipboard-button {
+            width: 24px;
+            height: 24px;
         }
 
         &_visible {
-            display: flex;
+            display: inline-flex;
         }
     }
 

package/dist/containers/App/App.js

@@ -2,7 +2,7 @@ import React from 'react';
 import {connect} from 'react-redux';
 import PropTypes from 'prop-types';
 
-import {i18n as YDBComponentsI18N} from 'ydb-ui-components/build/components/i18n';
+import {i18n as YDBComponentsI18N} from 'ydb-ui-components';
 import {I18N, i18n} from '../../utils/i18n';
 
 import ContentWrapper, {Content} from './Content';

package/dist/containers/App/App.scss

@@ -100,6 +100,7 @@ body,
 
     .yc-clipboard-button {
         display: inline-flex;
+        justify-content: center;
         align-items: center;
     }
 

package/dist/containers/Tenant/Diagnostics/Overview/Overview.tsx

@@ -95,7 +95,7 @@ function Overview(props: OverviewProps) {
     }, [autorefresh]);
 
     const tableSchema =
-        currentItem?.PathDescription?.Table || currentItem?.PathDescription?.OlapTableDescription;
+        currentItem?.PathDescription?.Table || currentItem?.PathDescription?.ColumnTableDescription;
 
     const schemaData = useMemo(() => {
         return props.type === OLAP_TABLE_TYPE

package/dist/containers/Tenant/ObjectSummary/ObjectSummary.tsx

@@ -102,7 +102,7 @@ function ObjectSummary(props: ObjectSummaryProps) {
     const currentSchemaData = _.get(data[currentSchemaPath], 'PathDescription.Self');
 
     const tableSchema =
-        currentItem?.PathDescription?.Table || currentItem?.PathDescription?.OlapTableDescription;
+        currentItem?.PathDescription?.Table || currentItem?.PathDescription?.ColumnTableDescription;
 
     const schema =
         props.type === OLAP_TABLE_TYPE ? prepareOlapTableSchema(tableSchema) : tableSchema;

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

@@ -28,9 +28,7 @@ const resultOptions = [
 ];
 
 function QueryResult(props) {
-    const [activeSection, setActiveSection] = useState(
-        props.result ? resultOptionsIds.result : resultOptionsIds.stats,
-    );
+    const [activeSection, setActiveSection] = useState(resultOptionsIds.result);
     const isFullscreen = useSelector((state) => state.fullscreen);
     const dispatch = useDispatch();
 
@@ -111,7 +109,9 @@ function QueryResult(props) {
                     </Fullscreen>
                 )}
             </React.Fragment>
-        ) : <span>{error?.data ?? error}</span>;
+        ) : (
+            <span>{error?.data ?? error}</span>
+        );
     };
 
     return (

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

@@ -5,14 +5,15 @@ import {NavigationTree} from 'ydb-ui-components';
 import {setCurrentSchemaPath, getSchema} from '../../../../store/reducers/schema';
 import {getDescribe} from '../../../../store/reducers/describe';
 import {getSchemaAcl} from '../../../../store/reducers/schemaAcl';
+import type {EPathType} from '../../../../types/api/schema';
 
-import {calcNavigationTreeType} from '../../utils/schema';
+import {mapPathTypeToNavigationTreeType} from '../../utils/schema';
 import {getActions} from '../../utils/schemaActions';
 
 interface SchemaTreeProps {
     rootPath: string;
     rootName: string;
-    rootType: string;
+    rootType: EPathType;
     currentPath: string;
 }
 
@@ -31,9 +32,9 @@ export function SchemaTree(props: SchemaTreeProps) {
         {concurrentId: `NavigationTree.getSchema|${path}`},
     )
         .then(({PathDescription: {Children = []} = {}}) => {
-            return Children.map(({Name, PathType}) => ({
+            return Children.map(({Name = '', PathType}) => ({
                 name: Name,
-                type: calcNavigationTreeType(PathType),
+                type: mapPathTypeToNavigationTreeType(PathType),
             }));
         });
 
@@ -49,7 +50,7 @@ export function SchemaTree(props: SchemaTreeProps) {
             rootState={{
                 path: rootPath,
                 name: rootName,
-                type: calcNavigationTreeType(rootType),
+                type: mapPathTypeToNavigationTreeType(rootType),
                 collapsed: false,
             }}
             fetchPath={fetchPath}

package/dist/containers/Tenant/Tenant.tsx

@@ -28,8 +28,8 @@ import './Tenant.scss';
 const b = cn('tenant-page');
 
 export const TABLE_TYPE = 'Table';
-export const OLAP_TABLE_TYPE = 'OlapTable';
-export const OLAP_STORE_TYPE = 'OlapStore';
+export const OLAP_TABLE_TYPE = 'ColumnTable';
+export const OLAP_STORE_TYPE = 'ColumnStore';
 
 export function calcEntityType(currentPathType?: string) {
     return currentPathType && currentPathType.replace('EPathType', '');

package/dist/containers/Tenant/utils/schema.ts

@@ -1,17 +1,20 @@
-import type {NavigationTreeNodeType} from "ydb-ui-components";
+import type {NavigationTreeNodeType} from 'ydb-ui-components';
+import {EPathType} from '../../../types/api/schema';
 
-const DB_TYPES = new Set(['EPathTypeSubDomain']);
-const TABLE_TYPES = new Set(['EPathTypeTable', 'EPathTypeOlapTable']);
-const DIR_TYPES = new Set(['EPathTypeDir', 'EPathTypeOlapStore']);
-
-export const calcNavigationTreeType = (type: string): NavigationTreeNodeType => {
-    if (DIR_TYPES.has(type)) {
-        return 'directory';
-    } else if (TABLE_TYPES.has(type)) {
-        return 'table';
-    } else if (DB_TYPES.has(type)) {
-        return 'database';
+export const mapPathTypeToNavigationTreeType = (
+    type: EPathType = EPathType.EPathTypeDir,
+    defaultType: NavigationTreeNodeType = 'directory'
+): NavigationTreeNodeType => {
+    switch (type) {
+        case EPathType.EPathTypeSubDomain:
+            return 'database';
+        case EPathType.EPathTypeTable:
+        case EPathType.EPathTypeColumnTable:
+            return 'table';
+        case EPathType.EPathTypeDir:
+        case EPathType.EPathTypeColumnStore:
+            return 'directory';
+        default:
+            return defaultType;
     }
-
-    return 'directory';
 };

package/dist/services/api.d.ts

@@ -1,3 +1,9 @@
 interface Window {
-    api: any;
+    api: {
+        getSchema: (
+            params: {path: string},
+            axiosOptions?: {concurrentId?: string},
+        ) => Promise<import('../types/api/schema').TEvDescribeSchemeResult>;
+        [method: string]: Function;
+    };
 }

package/dist/types/api/schema.ts

@@ -0,0 +1,118 @@
+export interface TEvDescribeSchemeResult {
+    Status?: EStatus;
+    Reason?: string;
+    Path?: string;
+    PathDescription?: TPathDescription;
+    /** fixed64 */
+    PathOwner?: string;
+    /** fixed64 */
+    PathId?: string;
+
+    LastExistedPrefixPath?: string;
+    /** fixed64 */
+    LastExistedPrefixPathId?: string;
+    LastExistedPrefixDescription?: TPathDescription;
+    /** fixed64 */
+    PathOwnerId?: string;
+}
+
+enum EStatus  {
+    StatusSuccess = 'StatusSuccess',
+    StatusAccepted = 'StatusAccepted',
+    StatusPathDoesNotExist = 'StatusPathDoesNotExist',
+    StatusPathIsNotDirectory = 'StatusPathIsNotDirectory',
+    StatusAlreadyExists = 'StatusAlreadyExists',
+    StatusSchemeError = 'StatusSchemeError',
+    StatusNameConflict = 'StatusNameConflict',
+    StatusInvalidParameter = 'StatusInvalidParameter',
+    StatusMultipleModifications = 'StatusMultipleModifications',
+    StatusReadOnly = 'StatusReadOnly',
+    StatusTxIdNotExists = 'StatusTxIdNotExists',
+    StatusTxIsNotCancellable = 'StatusTxIsNotCancellable',
+    StatusAccessDenied = 'StatusAccessDenied',
+    StatusNotAvailable = 'StatusNotAvailable',
+    StatusPreconditionFailed = 'StatusPreconditionFailed',
+    StatusRedirectDomain = 'StatusRedirectDomain',
+    StatusQuotaExceeded = 'StatusQuotaExceeded',
+    StatusResourceExhausted = 'StatusResourceExhausted',
+}
+
+// incomplete interface, only currently used fields are covered
+interface TPathDescription {
+    /** info about the path itself */
+    Self?: TDirEntry;
+    DomainDescription?: unknown;
+
+    // for directory
+    Children?: TDirEntry[];
+
+    // for table
+    Table?: unknown;
+    TableStats?: unknown;
+    TabletMetrics?: unknown;
+    TablePartitions?: unknown[];
+
+    ColumnStoreDescription?: unknown;
+    ColumnTableDescription?: unknown;
+}
+
+interface TDirEntry {
+    Name?: string;
+    /** uint64 */
+    PathId?: string;
+    /** uint64 */
+    SchemeshardId?: string;
+    PathType?: EPathType;
+    CreateFinished?: boolean;
+    /** uint64 */
+    CreateTxId?: string;
+    /** uint64 */
+    CreateStep?: string;
+    /** uint64 */
+    ParentPathId?: string;
+    PathState?: EPathState;
+    Owner?: string;
+    ACL?: string;
+    EffectiveACL?: string;
+    /** uint64 */
+    PathVersion?: string;
+    PathSubType?: EPathSubType;
+    Version?: TPathVersion;
+}
+
+// incomplete
+export enum EPathType {
+    EPathTypeInvalid = 'EPathTypeInvalid',
+    EPathTypeDir = 'EPathTypeDir',
+    EPathTypeTable = 'EPathTypeTable',
+    EPathTypeSubDomain = 'EPathTypeSubDomain',
+    EPathTypeColumnStore = 'EPathTypeColumnStore',
+    EPathTypeColumnTable = 'EPathTypeColumnTable',
+}
+
+enum EPathSubType {
+    EPathSubTypeEmpty = 'EPathSubTypeEmpty',
+    EPathSubTypeSyncIndexImplTable = 'EPathSubTypeSyncIndexImplTable',
+    EPathSubTypeAsyncIndexImplTable = 'EPathSubTypeAsyncIndexImplTable',
+    EPathSubTypeStreamImpl = 'EPathSubTypeStreamImpl',
+}
+
+enum EPathState {
+    EPathStateNotExist = 'EPathStateNotExist',
+    EPathStateNoChanges = 'EPathStateNoChanges',
+    EPathStateCreate = 'EPathStateCreate',
+    EPathStateAlter = 'EPathStateAlter',
+    EPathStateDrop = 'EPathStateDrop',
+    EPathStateCopying = 'EPathStateCopying',
+    EPathStateBackup = 'EPathStateBackup',
+    EPathStateUpgrade = 'EPathStateUpgrade',
+    EPathStateMigrated = 'EPathStateMigrated',
+    EPathStateRestore = 'EPathStateRestore',
+    EPathStateMoving = 'EPathStateMoving',
+}
+
+// incomplete
+interface TPathVersion {
+    /** uint64 */
+    GeneralVersion?: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ydb-embedded-ui",
-  "version": "1.6.1",
+  "version": "1.6.4",
   "files": [
     "dist"
   ],
@@ -40,7 +40,7 @@
     "reselect": "4.0.0",
     "sass": "1.32.8",
     "web-vitals": "1.1.2",
-    "ydb-ui-components": "2.0.1"
+    "ydb-ui-components": "2.0.2"
   },
   "scripts": {
     "start": "react-app-rewired start",