ydb-embedded-ui 4.12.0 → 4.14.0

package/dist/containers/Tenant/Info/ExternalDataSource/ExternalDataSource.tsx

@@ -0,0 +1,81 @@
+import block from 'bem-cn-lite';
+
+import type {TEvDescribeSchemeResult} from '../../../../types/api/schema';
+import {useTypedSelector} from '../../../../utils/hooks';
+
+import {InfoViewer, InfoViewerItem} from '../../../../components/InfoViewer';
+import {formatCommonItem} from '../../../../components/InfoViewer/formatters';
+import EntityStatus from '../../../../components/EntityStatus/EntityStatus';
+import {ResponseError} from '../../../../components/Errors/ResponseError';
+
+import {getEntityName} from '../../utils';
+
+import i18n from '../i18n';
+import './ExternalDataSource.scss';
+
+const b = block('ydb-external-data-source-info');
+
+const prepareExternalDataSourceSummary = (data: TEvDescribeSchemeResult): InfoViewerItem[] => {
+    return [
+        {
+            label: i18n('external-objects.source-type'),
+            value: data.PathDescription?.ExternalDataSourceDescription?.SourceType,
+        },
+        formatCommonItem('CreateStep', data.PathDescription?.Self?.CreateStep),
+    ];
+};
+
+const prepareExternalDataSourceInfo = (data: TEvDescribeSchemeResult): InfoViewerItem[] => {
+    const {Location, Auth} = data.PathDescription?.ExternalDataSourceDescription || {};
+
+    return [
+        ...prepareExternalDataSourceSummary(data),
+        {
+            label: i18n('external-objects.location'),
+            value: (
+                <EntityStatus
+                    name={Location}
+                    showStatus={false}
+                    hasClipboardButton
+                    clipboardButtonAlwaysVisible
+                    className={b('location')}
+                />
+            ),
+        },
+        {
+            label: i18n('external-objects.auth-method'),
+            value: Auth?.ServiceAccount
+                ? i18n('external-objects.auth-method.service-account')
+                : i18n('external-objects.auth-method.none'),
+        },
+    ];
+};
+
+interface ExternalDataSourceProps {
+    data?: TEvDescribeSchemeResult;
+    prepareData: (data: TEvDescribeSchemeResult) => InfoViewerItem[];
+}
+
+const ExternalDataSource = ({data, prepareData}: ExternalDataSourceProps) => {
+    const entityName = getEntityName(data?.PathDescription);
+
+    const {error: schemaError} = useTypedSelector((state) => state.schema);
+
+    if (schemaError) {
+        return <ResponseError error={schemaError} />;
+    }
+
+    if (!data) {
+        return <div className="error">No {entityName} data</div>;
+    }
+
+    return <InfoViewer title={entityName} info={prepareData(data)} />;
+};
+
+export const ExternalDataSourceInfo = ({data}: {data?: TEvDescribeSchemeResult}) => {
+    return <ExternalDataSource data={data} prepareData={prepareExternalDataSourceInfo} />;
+};
+
+export const ExternalDataSourceSummary = ({data}: {data?: TEvDescribeSchemeResult}) => {
+    return <ExternalDataSource data={data} prepareData={prepareExternalDataSourceSummary} />;
+};

package/dist/containers/Tenant/Info/ExternalTable/ExternalTable.scss

@@ -0,0 +1,5 @@
+.ydb-external-table-info {
+    &__location {
+        max-width: var(--tenant-object-info-max-value-width);
+    }
+}

package/dist/containers/Tenant/Info/ExternalTable/ExternalTable.tsx

@@ -0,0 +1,103 @@
+import {useLocation} from 'react-router';
+import block from 'bem-cn-lite';
+
+import type {TEvDescribeSchemeResult} from '../../../../types/api/schema';
+import {useTypedSelector} from '../../../../utils/hooks';
+import {createHref, parseQuery} from '../../../../routes';
+import {formatCommonItem} from '../../../../components/InfoViewer/formatters';
+import {InfoViewer, InfoViewerItem} from '../../../../components/InfoViewer';
+import {ExternalLinkWithIcon} from '../../../../components/ExternalLinkWithIcon/ExternalLinkWithIcon';
+import EntityStatus from '../../../../components/EntityStatus/EntityStatus';
+import {ResponseError} from '../../../../components/Errors/ResponseError';
+
+import {getEntityName} from '../../utils';
+
+import i18n from '../i18n';
+import './ExternalTable.scss';
+
+const b = block('ydb-external-table-info');
+
+const prepareExternalTableSummary = (
+    data: TEvDescribeSchemeResult,
+    pathToDataSource: string,
+): InfoViewerItem[] => {
+    const {CreateStep} = data.PathDescription?.Self || {};
+    const {SourceType, DataSourcePath} = data.PathDescription?.ExternalTableDescription || {};
+
+    const dataSourceName = DataSourcePath?.split('/').pop();
+
+    return [
+        {label: i18n('external-objects.source-type'), value: SourceType},
+        formatCommonItem('CreateStep', CreateStep),
+        {
+            label: i18n('external-objects.data-source'),
+            value: DataSourcePath && (
+                <span title={DataSourcePath}>
+                    <ExternalLinkWithIcon title={dataSourceName || ''} url={pathToDataSource} />
+                </span>
+            ),
+        },
+    ];
+};
+
+const prepareExternalTableInfo = (
+    data: TEvDescribeSchemeResult,
+    pathToDataSource: string,
+): InfoViewerItem[] => {
+    const location = data.PathDescription?.ExternalTableDescription?.Location;
+
+    return [
+        ...prepareExternalTableSummary(data, pathToDataSource),
+        {
+            label: i18n('external-objects.location'),
+            value: (
+                <EntityStatus
+                    name={location}
+                    showStatus={false}
+                    hasClipboardButton
+                    clipboardButtonAlwaysVisible
+                    className={b('location')}
+                />
+            ),
+        },
+    ];
+};
+
+interface ExternalTableProps {
+    data?: TEvDescribeSchemeResult;
+    prepareData: (data: TEvDescribeSchemeResult, pathToDataSource: string) => InfoViewerItem[];
+}
+
+const ExternalTable = ({data, prepareData}: ExternalTableProps) => {
+    const location = useLocation();
+    const query = parseQuery(location);
+
+    // embedded version could be located in some folder (e.g. host/some_folder/app_router_path)
+    // window.location has the full pathname, while location from router ignores path to project
+    const pathToDataSource = createHref(window.location.pathname, undefined, {
+        ...query,
+        schema: data?.PathDescription?.ExternalTableDescription?.DataSourcePath,
+    });
+
+    const entityName = getEntityName(data?.PathDescription);
+
+    const {error: schemaError} = useTypedSelector((state) => state.schema);
+
+    if (schemaError) {
+        return <ResponseError error={schemaError} />;
+    }
+
+    if (!data) {
+        return <div className="error">No {entityName} data</div>;
+    }
+
+    return <InfoViewer title={entityName} info={prepareData(data, pathToDataSource)} />;
+};
+
+export const ExternalTableInfo = ({data}: {data?: TEvDescribeSchemeResult}) => {
+    return <ExternalTable data={data} prepareData={prepareExternalTableInfo} />;
+};
+
+export const ExternalTableSummary = ({data}: {data?: TEvDescribeSchemeResult}) => {
+    return <ExternalTable data={data} prepareData={prepareExternalTableSummary} />;
+};

package/dist/containers/Tenant/Info/i18n/en.json

@@ -0,0 +1,8 @@
+{
+  "external-objects.source-type": "Source Type",
+  "external-objects.data-source": "Data Source",
+  "external-objects.location": "Location",
+  "external-objects.auth-method": "Auth Method",
+  "external-objects.auth-method.none": "None",
+  "external-objects.auth-method.service-account": "Service Account"
+}

package/dist/containers/Tenant/Info/i18n/index.ts

@@ -0,0 +1,11 @@
+import {i18n, Lang} from '../../../../utils/i18n';
+
+import en from './en.json';
+import ru from './ru.json';
+
+const COMPONENT = 'ydb-tenant-objects-info';
+
+i18n.registerKeyset(Lang.En, COMPONENT, en);
+i18n.registerKeyset(Lang.Ru, COMPONENT, ru);
+
+export default i18n.keyset(COMPONENT);

package/dist/containers/Tenant/Info/i18n/ru.json

@@ -0,0 +1,8 @@
+{
+  "external-objects.source-type": "Тип источника",
+  "external-objects.data-source": "Источник",
+  "external-objects.location": "Расположение",
+  "external-objects.auth-method": "Авторизация",
+  "external-objects.auth-method.none": "Нет",
+  "external-objects.auth-method.service-account": "Сервисный аккаунт"
+}

package/dist/containers/Tenant/ObjectSummary/ObjectSummary.scss

@@ -86,6 +86,10 @@
     &__info-controls {
         display: flex;
         gap: 4px;
+
+        .yc-button__text {
+            margin: 0 6px;
+        }
     }
 
     &__info-action-button {
@@ -148,8 +152,4 @@
             background-color: transparent;
         }
     }
-
-    .yc-button__text {
-        margin: 0 6px;
-    }
 }

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

@@ -41,6 +41,8 @@ import {
 import {SchemaTree} from '../Schema/SchemaTree/SchemaTree';
 import {SchemaViewer} from '../Schema/SchemaViewer/SchemaViewer';
 import {Acl} from '../Acl/Acl';
+import {ExternalTableSummary} from '../Info/ExternalTable/ExternalTable';
+import {ExternalDataSourceSummary} from '../Info/ExternalDataSource/ExternalDataSource';
 
 import {TenantTabsGroups, TENANT_INFO_TABS, TENANT_SCHEMA_TAB} from '../TenantPages';
 import {
@@ -50,9 +52,10 @@ import {
 } from '../utils/paneVisibilityToggleHelpers';
 import {isColumnEntityType, isExternalTable, isIndexTable, isTableType} from '../utils/schema';
 
-import './ObjectSummary.scss';
 import i18n from '../i18n';
 
+import './ObjectSummary.scss';
+
 const b = cn('object-summary');
 
 const getInitialIsSummaryCollapsed = () => {
@@ -197,8 +200,12 @@ export function ObjectSummary({
             [EPathType.EPathTypePersQueueGroup]: () => (
                 <PersQueueGroupOverview data={currentObjectData} />
             ),
-            [EPathType.EPathTypeExternalTable]: undefined,
-            [EPathType.EPathTypeExternalDataSource]: undefined,
+            [EPathType.EPathTypeExternalTable]: () => (
+                <ExternalTableSummary data={currentObjectData} />
+            ),
+            [EPathType.EPathTypeExternalDataSource]: () => (
+                <ExternalDataSourceSummary data={currentObjectData} />
+            ),
         };
 
         let component =

package/dist/containers/Tenant/Query/QueryDuration/QueryDuration.scss

@@ -5,4 +5,12 @@
     margin-left: 10px;
 
     color: var(--yc-color-text-complementary);
+
+    &__item-with-popover {
+        white-space: nowrap;
+    }
+
+    &__popover {
+        max-width: 300px;
+    }
 }

package/dist/containers/Tenant/Query/QueryDuration/QueryDuration.tsx

@@ -1,6 +1,9 @@
 import block from 'bem-cn-lite';
 
 import {formatDurationToShortTimeFormat, parseUsToMs} from '../../../../utils/timeParsers';
+import {LabelWithPopover} from '../../../../components/LabelWithPopover';
+
+import i18n from '../i18n';
 
 import './QueryDuration.scss';
 
@@ -17,5 +20,14 @@ export const QueryDuration = ({duration}: QueryDurationProps) => {
 
     const parsedDuration = formatDurationToShortTimeFormat(parseUsToMs(duration), 1);
 
-    return <span className={b()}>{parsedDuration}</span>;
+    return (
+        <span className={b()}>
+            <LabelWithPopover
+                className={b('item-with-popover')}
+                contentClassName={b('popover')}
+                text={parsedDuration}
+                popoverContent={i18n('query-duration.description')}
+            />
+        </span>
+    );
 };

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

@@ -24,12 +24,11 @@ import {
     DEFAULT_IS_QUERY_RESULT_COLLAPSED,
     DEFAULT_SIZE_RESULT_PANE_KEY,
     SAVED_QUERIES_KEY,
-    QUERY_INITIAL_MODE_KEY,
     ENABLE_ADDITIONAL_QUERY_MODES,
     LAST_USED_QUERY_ACTION_KEY,
 } from '../../../../utils/constants';
-import {useSetting} from '../../../../utils/hooks';
-import {QUERY_ACTIONS, QUERY_MODES} from '../../../../utils/query';
+import {useSetting, useQueryModes} from '../../../../utils/hooks';
+import {QUERY_ACTIONS, QUERY_MODES, isNewQueryMode} from '../../../../utils/query';
 
 import {
     PaneVisibilityActionTypes,
@@ -91,13 +90,12 @@ function QueryEditor(props) {
     const [resultType, setResultType] = useState(RESULT_TYPES.EXECUTE);
 
     const [isResultLoaded, setIsResultLoaded] = useState(false);
-    const [queryMode, setQueryMode] = useSetting(QUERY_INITIAL_MODE_KEY);
+    const [queryMode, setQueryMode] = useQueryModes();
     const [enableAdditionalQueryModes] = useSetting(ENABLE_ADDITIONAL_QUERY_MODES);
     const [lastUsedQueryAction, setLastUsedQueryAction] = useSetting(LAST_USED_QUERY_ACTION_KEY);
 
     useEffect(() => {
-        const isNewQueryMode = queryMode !== QUERY_MODES.script && queryMode !== QUERY_MODES.scan;
-        if (!enableAdditionalQueryModes && isNewQueryMode) {
+        if (isNewQueryMode(queryMode) && !enableAdditionalQueryModes) {
             setQueryMode(QUERY_MODES.script);
         }
     }, [enableAdditionalQueryModes, queryMode, setQueryMode]);

package/dist/containers/Tenant/Query/QueryEditorControls/QueryEditorControls.scss

@@ -67,6 +67,8 @@
     }
 
     &__popover {
-        max-width: 340px;
+        max-width: 420px;
+
+        white-space: pre-wrap;
     }
 }

package/dist/containers/Tenant/Query/i18n/en.json

@@ -17,8 +17,10 @@
   "preview.not-available": "Preview is not available",
   "preview.close": "Close preview",
 
-  "method-description.script": "For YQL-scripts combining DDL and DML. API call: schema.scripting",
-  "method-description.scan": "Read-only queries, potentially reading a lot of data. API call: table.ExecuteScan",
-  "method-description.data": "DML queries for changing and fetching data in serialization mode. API call: table.executeDataQuery",
-  "method-description.query": "Any queries. An experimental API call supposed to replace all existing methods. API Call: query.ExecuteScript"
+  "method-description.script": "For YQL-scripts combining DDL and DML.\nAPI call: schema.scripting",
+  "method-description.scan": "Read-only queries, potentially reading a lot of data.\nAPI call: table.ExecuteScan",
+  "method-description.data": "DML queries for changing and fetching data in serialization mode.\nAPI call: table.executeDataQuery",
+  "method-description.query": "Any query. An experimental API call supposed to replace all existing methods.\nAPI Call: query.ExecuteScript",
+
+  "query-duration.description": "Duration of server-side query execution"
 }

package/dist/containers/Tenant/Query/i18n/ru.json

@@ -17,8 +17,10 @@
   "preview.not-available": "Предпросмотр недоступен",
   "preview.close": "Закрыть предпросмотр",
 
-  "method-description.script": "Для скриптов, совмещающих DDL и DML-конструкции. API call: schema.scripting",
-  "method-description.scan": "Только читающие запросы, потенциально читающие много данных. API call: table.ExecuteScan",
-  "method-description.data": "DML-запросы для изменения и выборки данных в режиме изоляции Serializable. API call: table.executeDataQuery",
-  "method-description.query": "Любые запросы. Экспериментальный перспективный метод, который в будущем заменит все остальные. API call: query.ExecuteScript"
+  "method-description.script": "Для скриптов, совмещающих DDL и DML-конструкции.\nAPI call: schema.scripting",
+  "method-description.scan": "Только читающие запросы, потенциально читающие много данных.\nAPI call: table.ExecuteScan",
+  "method-description.data": "DML-запросы для изменения и выборки данных в режиме изоляции Serializable.\nAPI call: table.executeDataQuery",
+  "method-description.query": "Любые запросы. Экспериментальный перспективный метод, который в будущем заменит все остальные.\nAPI call: query.ExecuteScript",
+
+  "query-duration.description": "Время выполнения запроса на стороне сервера"
 }

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

@@ -3,11 +3,13 @@ import {useDispatch} from 'react-redux';
 
 import {NavigationTree} from 'ydb-ui-components';
 
-import {setCurrentSchemaPath, preloadSchemas} from '../../../../store/reducers/schema/schema';
 import type {EPathType, TEvDescribeSchemeResult} from '../../../../types/api/schema';
+import {setCurrentSchemaPath, preloadSchemas} from '../../../../store/reducers/schema/schema';
+import {useQueryModes} from '../../../../utils/hooks';
 
 import {isChildlessPathType, mapPathTypeToNavigationTreeType} from '../../utils/schema';
 import {getActions} from '../../utils/schemaActions';
+import {getControls} from '../../utils/schemaControls';
 
 interface SchemaTreeProps {
     rootPath: string;
@@ -21,6 +23,8 @@ export function SchemaTree(props: SchemaTreeProps) {
 
     const dispatch = useDispatch();
 
+    const [_, setQueryMode] = useQueryModes();
+
     const fetchPath = (path: string) =>
         window.api
             .getSchema({path}, {concurrentId: `NavigationTree.getSchema|${path}`})
@@ -71,7 +75,13 @@ export function SchemaTree(props: SchemaTreeProps) {
                 collapsed: false,
             }}
             fetchPath={fetchPath}
-            getActions={getActions(dispatch, handleActivePathUpdate)}
+            getActions={getActions(dispatch, {
+                setActivePath: handleActivePathUpdate,
+                setQueryMode,
+            })}
+            renderAdditionalNodeElements={getControls(dispatch, {
+                setActivePath: handleActivePathUpdate,
+            })}
             activePath={currentPath}
             onActivePathUpdate={handleActivePathUpdate}
             cache={false}

package/dist/containers/Tenant/i18n/en.json

@@ -6,6 +6,16 @@
   "summary.showPreview": "Show preview",
   "summary.copySchemaPath": "Copy schema path",
 
-  "actions.copied" : "The path is copied to the clipboard",
-  "actions.notCopied" : "Couldn’t copy the path"
+  "actions.copied": "The path is copied to the clipboard",
+  "actions.notCopied": "Couldn’t copy the path",
+  "actions.externalTableSelectUnavailable": "Select query for external tables available only with 'YQL - QueryService' query mode. You need to turn in additional query modes in settings to enable it",
+
+  "actions.copyPath": "Copy path",
+  "actions.openPreview": "Open preview",
+  "actions.createTable": "Create table...",
+  "actions.createExternalTable": "Create external table...",
+  "actions.dropTable": "Drop table...",
+  "actions.alterTable": "Alter table...",
+  "actions.selectQuery": "Select query...",
+  "actions.upsertQuery": "Upsert query..."
 }

package/dist/containers/Tenant/i18n/ru.json

@@ -7,5 +7,15 @@
   "summary.copySchemaPath": "Скопировать путь",
 
   "actions.copied": "Путь успешно скопирован",
-  "actions.notCopied": "Не получилось скопировать путь"
+  "actions.notCopied": "Не получилось скопировать путь",
+  "actions.externalTableSelectUnavailable": "Select запрос для внешних таблиц доступен только в режиме 'YQL - QueryService'. Вам необходимо включить дополнительные режимы выполнения запросов в настройках",
+
+  "actions.copyPath": "Скопировать путь",
+  "actions.openPreview": "Открыть превью",
+  "actions.createTable": "Создать таблицу...",
+  "actions.createExternalTable": "Создать внешнюю таблицу...",
+  "actions.dropTable": "Удалить таблицу...",
+  "actions.alterTable": "Изменить таблицу...",
+  "actions.selectQuery": "Select запрос...",
+  "actions.upsertQuery": "Upsert запрос..."
 }

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

@@ -3,8 +3,9 @@ import copy from 'copy-to-clipboard';
 
 import type {NavigationTreeNodeType, NavigationTreeProps} from 'ydb-ui-components';
 
+import type {QueryMode} from '../../../types/store/query';
+import type {SetQueryModeIfAvailable} from '../../../utils/hooks';
 import {changeUserInput} from '../../../store/reducers/executeQuery';
-import {setShowPreview} from '../../../store/reducers/schema/schema';
 import {setQueryTab, setTenantPage} from '../../../store/reducers/tenant/tenant';
 import {TENANT_QUERY_TABS_ID, TENANT_PAGES_IDS} from '../../../store/reducers/tenant/constants';
 import createToast from '../../../utils/createToast';
@@ -34,23 +35,63 @@ const upsertQueryTemplate = (path: string) => {
 VALUES ( );`;
 };
 
+const dropExternalTableTemplate = (path: string) => {
+    return `DROP EXTERNAL TABLE \`${path}\`;`;
+};
+
+const createExternalTableTemplate = (path: string) => {
+    // Remove data source name from path
+    // to create table in the same folder with data source
+    const targetPath = path.split('/').slice(0, -1).join('/');
+
+    return `CREATE EXTERNAL TABLE \`${targetPath}/my_external_table\` (
+    column1 Int,
+    column2 Int
+) WITH (
+    DATA_SOURCE="${path}",
+    LOCATION="",
+    FORMAT="json_as_string",
+    \`file_pattern\`=""
+);`;
+};
+
+interface ActionsAdditionalEffects {
+    setQueryMode: SetQueryModeIfAvailable;
+    setActivePath: (path: string) => void;
+}
+
 const bindActions = (
     path: string,
     dispatch: Dispatch<any>,
-    setActivePath: (path: string) => void,
+    additionalEffects: ActionsAdditionalEffects,
 ) => {
-    const inputQuery = (tmpl: (path: string) => string) => () => {
-        dispatch(changeUserInput({input: tmpl(path)}));
-        dispatch(setTenantPage(TENANT_PAGES_IDS.query));
-        dispatch(setQueryTab(TENANT_QUERY_TABS_ID.newQuery));
-        setActivePath(path);
-    };
+    const {setActivePath, setQueryMode} = additionalEffects;
+
+    const inputQuery =
+        (tmpl: (path: string) => string, mode?: QueryMode, setQueryModeErrorMessage?: string) =>
+        () => {
+            const isNewQueryModeSet = mode && setQueryMode(mode, setQueryModeErrorMessage);
+
+            if (!mode || isNewQueryModeSet) {
+                dispatch(changeUserInput({input: tmpl(path)}));
+                dispatch(setTenantPage(TENANT_PAGES_IDS.query));
+                dispatch(setQueryTab(TENANT_QUERY_TABS_ID.newQuery));
+                setActivePath(path);
+            }
+        };
 
     return {
-        createTable: inputQuery(createTableTemplate),
-        alterTable: inputQuery(alterTableTemplate),
+        createTable: inputQuery(createTableTemplate, 'script'),
+        alterTable: inputQuery(alterTableTemplate, 'script'),
         selectQuery: inputQuery(selectQueryTemplate),
         upsertQuery: inputQuery(upsertQueryTemplate),
+        createExternalTable: inputQuery(createExternalTableTemplate, 'script'),
+        dropExternalTable: inputQuery(dropExternalTableTemplate, 'script'),
+        selectQueryFromExternalTable: inputQuery(
+            selectQueryTemplate,
+            'query',
+            i18n('actions.externalTableSelectUnavailable'),
+        ),
         copyPath: () => {
             try {
                 copy(path);
@@ -67,39 +108,45 @@ const bindActions = (
                 });
             }
         },
-        openPreview: () => {
-            dispatch(setShowPreview(true));
-            dispatch(setTenantPage(TENANT_PAGES_IDS.query));
-            dispatch(setQueryTab(TENANT_QUERY_TABS_ID.newQuery));
-            setActivePath(path);
-        },
     };
 };
 
 type ActionsSet = ReturnType<Required<NavigationTreeProps>['getActions']>;
 
 export const getActions =
-    (dispatch: Dispatch<any>, setActivePath: (path: string) => void) =>
+    (dispatch: Dispatch<any>, additionalEffects: ActionsAdditionalEffects) =>
     (path: string, type: NavigationTreeNodeType) => {
-        const actions = bindActions(path, dispatch, setActivePath);
-        const copyItem = {text: 'Copy path', action: actions.copyPath};
-        const openPreview = {text: 'Open preview', action: actions.openPreview};
-        const selectQuery = {text: 'Select query...', action: actions.selectQuery};
+        const actions = bindActions(path, dispatch, additionalEffects);
+        const copyItem = {text: i18n('actions.copyPath'), action: actions.copyPath};
 
         const DIR_SET: ActionsSet = [
             [copyItem],
-            [{text: 'Create table...', action: actions.createTable}],
+            [{text: i18n('actions.createTable'), action: actions.createTable}],
         ];
         const TABLE_SET: ActionsSet = [
-            [openPreview, copyItem],
+            [copyItem],
             [
-                {text: 'Alter table...', action: actions.alterTable},
-                selectQuery,
-                {text: 'Upsert query...', action: actions.upsertQuery},
+                {text: i18n('actions.alterTable'), action: actions.alterTable},
+                {text: i18n('actions.selectQuery'), action: actions.selectQuery},
+                {text: i18n('actions.upsertQuery'), action: actions.upsertQuery},
             ],
         ];
 
-        const EXTERNAL_TABLE_SET = [[openPreview, copyItem], [selectQuery]];
+        const EXTERNAL_TABLE_SET = [
+            [copyItem],
+            [
+                {
+                    text: i18n('actions.selectQuery'),
+                    action: actions.selectQueryFromExternalTable,
+                },
+            ],
+            [{text: i18n('actions.dropTable'), action: actions.dropExternalTable}],
+        ];
+
+        const EXTERNAL_DATA_SOURCE_SET = [
+            [copyItem],
+            [{text: i18n('actions.createExternalTable'), action: actions.createExternalTable}],
+        ];
 
         const JUST_COPY: ActionsSet = [copyItem];
 
@@ -114,11 +161,12 @@ export const getActions =
 
             index_table: JUST_COPY,
             topic: JUST_COPY,
+            stream: JUST_COPY,
 
             index: JUST_COPY,
 
             external_table: EXTERNAL_TABLE_SET,
-            external_data_source: JUST_COPY,
+            external_data_source: EXTERNAL_DATA_SOURCE_SET,
         };
 
         return nodeTypeToActions[type];