Cb 4548 sql editor resultsets can be closed one by one only when execute sql statement has been used for several queries

webapp/packages/plugin-sql-editor/src/ACTION_TAB_CLOSE_SQL_RESULT_GROUP.ts

@@ -0,0 +1,13 @@
+/*
+ * CloudBeaver - Cloud Database Manager
+ * Copyright (C) 2020-2024 DBeaver Corp and others
+ *
+ * Licensed under the Apache License, Version 2.0.
+ * you may not use this file except in compliance with the License.
+ */
+import { createAction } from '@cloudbeaver/core-view';
+
+export const ACTION_TAB_CLOSE_SQL_RESULT_GROUP = createAction('tab-close-sql-result-group', {
+  label: 'plugin_sql_editor_action_close_group',
+  tooltip: 'plugin_sql_editor_action_close_group',
+});

webapp/packages/plugin-sql-editor/src/SqlEditorGroupTabsBootstrap.ts

@@ -0,0 +1,56 @@
+import { Bootstrap, injectable } from '@cloudbeaver/core-di';
+import { DATA_CONTEXT_TABS_CONTEXT, MENU_TAB } from '@cloudbeaver/core-ui';
+import { ActionService, DATA_CONTEXT_MENU, MenuService } from '@cloudbeaver/core-view';
+
+import { ACTION_TAB_CLOSE_SQL_RESULT_GROUP } from './ACTION_TAB_CLOSE_SQL_RESULT_GROUP';
+import { DATA_CONTEXT_SQL_EDITOR_STATE } from './DATA_CONTEXT_SQL_EDITOR_STATE';
+import { DATA_CONTEXT_SQL_EDITOR_RESULT_ID } from './SqlResultTabs/DATA_CONTEXT_SQL_EDITOR_RESULT_ID';
+import { SqlResultTabsService } from './SqlResultTabs/SqlResultTabsService';
+
+@injectable()
+export class SqlEditorGroupTabsBootstrap extends Bootstrap {
+  constructor(
+    private readonly actionService: ActionService,
+    private readonly menuService: MenuService,
+    private readonly sqlResultTabsService: SqlResultTabsService,
+  ) {
+    super();
+  }
+
+  register(): void {
+    this.menuService.addCreator({
+      isApplicable: context => {
+        const tab = context.tryGet(DATA_CONTEXT_SQL_EDITOR_RESULT_ID);
+        const state = context.tryGet(DATA_CONTEXT_TABS_CONTEXT);
+        const menu = context.hasValue(DATA_CONTEXT_MENU, MENU_TAB);
+        return !!tab && !!state?.enabledBaseActions && menu;
+      },
+      getItems: (context, items) => [...items, ACTION_TAB_CLOSE_SQL_RESULT_GROUP],
+    });
+    this.actionService.addHandler({
+      id: 'result-tabs-group-base-handler',
+      isActionApplicable: (context, action) => {
+        const menu = context.hasValue(DATA_CONTEXT_MENU, MENU_TAB);
+        const tab = context.tryGet(DATA_CONTEXT_SQL_EDITOR_RESULT_ID);
+        const sqlEditorState = context.tryGet(DATA_CONTEXT_SQL_EDITOR_STATE);
+        const groupId = sqlEditorState?.resultTabs.find(tabState => tabState.tabId === tab?.id)?.groupId;
+        const hasTabsInGroup = (sqlEditorState?.resultTabs.filter(tabState => tabState.groupId === groupId) ?? []).length > 1;
+        if (!menu || !tab || !hasTabsInGroup) {
+          return false;
+        }
+        return [ACTION_TAB_CLOSE_SQL_RESULT_GROUP].includes(action);
+      },
+      handler: async (context, action) => {
+        const state = context.get(DATA_CONTEXT_SQL_EDITOR_STATE);
+        const tab = context.get(DATA_CONTEXT_SQL_EDITOR_RESULT_ID);
+        switch (action) {
+          case ACTION_TAB_CLOSE_SQL_RESULT_GROUP:
+            this.sqlResultTabsService.closeTabGroup(state, tab.id);
+            break;
+          default:
+            break;
+        }
+      },
+    });
+  }
+}

webapp/packages/plugin-sql-editor/src/SqlResultTabs/SqlResultTabs.tsx

@@ -58,7 +58,7 @@ export const SqlResultTabs = observer<Props>(function SqlDataResult({ state, onT
   }
 
   async function handleClose(tab: ITabData) {
-    const canClose = await sqlResultTabsService.canCloseResultTab(state, tab.tabId);
+    const canClose = handleCanClose(tab);
 
     if (canClose) {
       sqlResultTabsService.removeResultTab(state, tab.tabId);

webapp/packages/plugin-sql-editor/src/SqlResultTabs/SqlResultTabsService.ts

@@ -75,6 +75,21 @@ export class SqlResultTabsService {
     }
   }
 
+  async closeTabGroup(state: ISqlEditorTabState, tabId: string) {
+    const resultTab = state.resultTabs.find(tabState => tabState.tabId === tabId);
+    const groupResultTabs = state.resultTabs.filter(tab => tab.groupId === resultTab?.groupId);
+
+    if (groupResultTabs.length) {
+      for (const groupTab of groupResultTabs) {
+        const canClose = await this.sqlQueryResultService.canCloseResultTab(state, groupTab.tabId);
+
+        if (canClose) {
+          this.removeResultTab(state, groupTab.tabId);
+        }
+      }
+    }
+  }
+
   private removeTab(state: ISqlEditorTabState, tab: ISqlEditorResultTab) {
     state.tabs.splice(state.tabs.indexOf(tab), 1);
 

webapp/packages/plugin-sql-editor/src/locales/en.ts

@@ -38,4 +38,5 @@ export default [
   ['sql_editor_close_result_tabs_dialog_title', 'Confirm closing tabs'],
   ['plugin_sql_editor_action_overlay_title', 'Action required'],
   ['plugin_sql_editor_action_overlay_description', 'Please reopen editor to continue working.'],
+  ['plugin_sql_editor_action_close_group', 'Close all of the same group'],
 ];

webapp/packages/plugin-sql-editor/src/locales/it.ts

@@ -31,4 +31,5 @@ export default [
   ['sql_editor_close_result_tabs_dialog_title', 'Confirm closing tabs'],
   ['plugin_sql_editor_action_overlay_title', 'Action required'],
   ['plugin_sql_editor_action_overlay_description', 'Please reopen editor to continue working.'],
+  ['plugin_sql_editor_action_close_group', 'Close all of the same group'],
 ];

webapp/packages/plugin-sql-editor/src/locales/ru.ts

@@ -35,4 +35,5 @@ export default [
   ['sql_editor_close_result_tabs_dialog_title', 'Подтвердить закрытие вкладок'],
   ['plugin_sql_editor_action_overlay_title', 'Требуется действие'],
   ['plugin_sql_editor_action_overlay_description', 'Пожалуйста, перезапустите редактор для продолжения работы.'],
+  ['plugin_sql_editor_action_close_group', 'Закрыть все из группы'],
 ];

webapp/packages/plugin-sql-editor/src/locales/zh.ts

@@ -35,4 +35,5 @@ export default [
   ['sql_editor_close_result_tabs_dialog_title', 'Confirm closing tabs'],
   ['plugin_sql_editor_action_overlay_title', 'Action required'],
   ['plugin_sql_editor_action_overlay_description', 'Please reopen editor to continue working.'],
+  ['plugin_sql_editor_action_close_group', 'Close all of the same group'],
 ];

webapp/packages/plugin-sql-editor/src/manifest.ts

@@ -12,15 +12,16 @@ import { MenuBootstrap } from './MenuBootstrap';
 import { LocalStorageSqlDataSourceBootstrap } from './SqlDataSource/LocalStorage/LocalStorageSqlDataSourceBootstrap';
 import { SqlDataSourceService } from './SqlDataSource/SqlDataSourceService';
 import { SqlDialectInfoService } from './SqlDialectInfoService';
+import { SqlEditorGroupTabsBootstrap } from './SqlEditorGroupTabsBootstrap';
 import { SqlEditorModeService } from './SqlEditorModeService';
 import { SqlEditorService } from './SqlEditorService';
 import { SqlEditorSettingsService } from './SqlEditorSettingsService';
 import { SqlEditorView } from './SqlEditorView';
 import { SqlExecutionPlanService } from './SqlResultTabs/ExecutionPlan/SqlExecutionPlanService';
-import { OutputMenuBootstrap } from './SqlResultTabs/OutputLogs/OutputMenuBootstrap';
 import { OutputLogsEventHandler } from './SqlResultTabs/OutputLogs/OutputLogsEventHandler';
 import { OutputLogsResource } from './SqlResultTabs/OutputLogs/OutputLogsResource';
 import { OutputLogsService } from './SqlResultTabs/OutputLogs/OutputLogsService';
+import { OutputMenuBootstrap } from './SqlResultTabs/OutputLogs/OutputMenuBootstrap';
 import { SqlQueryResultService } from './SqlResultTabs/SqlQueryResultService';
 import { SqlQueryService } from './SqlResultTabs/SqlQueryService';
 import { SqlResultTabsService } from './SqlResultTabs/SqlResultTabsService';
@@ -48,5 +49,6 @@ export const sqlEditorPluginManifest: PluginManifest = {
     OutputLogsResource,
     OutputLogsService,
     OutputMenuBootstrap,
+    SqlEditorGroupTabsBootstrap,
   ],
 };