From 74b02167146280ae972272c0d50f6ef76a9dcac2 Mon Sep 17 00:00:00 2001
From: Jan Prochazka <jan.prochazka@sprinx.cz>
Date: Tue, 30 Jul 2024 09:06:25 +0200
Subject: [PATCH 1/3] context menu activator #810

---
 packages/web/src/datagrid/DataGridCore.svelte    |  2 ++
 packages/web/src/utility/contextMenuActivator.ts | 13 +++++++++++++
 2 files changed, 15 insertions(+)
 create mode 100644 packages/web/src/utility/contextMenuActivator.ts

diff --git a/packages/web/src/datagrid/DataGridCore.svelte b/packages/web/src/datagrid/DataGridCore.svelte
index 9ef26293d..22591f6f3 100644
--- a/packages/web/src/datagrid/DataGridCore.svelte
+++ b/packages/web/src/datagrid/DataGridCore.svelte
@@ -401,6 +401,7 @@
   import { getDatabaseInfo, useDatabaseStatus } from '../utility/metadataLoaders';
   import { showSnackbarSuccess } from '../utility/snackbar';
   import { openJsonLinesData } from '../utility/openJsonLinesData';
+  import contextMenuActivator from '../utility/contextMenuActivator';
 
   export let onLoadNextData = undefined;
   export let grider = undefined;
@@ -1785,6 +1786,7 @@
     bind:clientWidth={containerWidth}
     bind:clientHeight={containerHeight}
     use:contextMenu={buildMenu}
+    use:contextMenuActivator={activator}
     on:wheel={handleGridWheel}
   >
     <input
diff --git a/packages/web/src/utility/contextMenuActivator.ts b/packages/web/src/utility/contextMenuActivator.ts
new file mode 100644
index 000000000..c488d19f9
--- /dev/null
+++ b/packages/web/src/utility/contextMenuActivator.ts
@@ -0,0 +1,13 @@
+export default function contextMenuActivator(node, activator) {
+  const handleContextMenu = async e => {
+    activator.activate();
+  };
+
+  node.addEventListener('contextmenu', handleContextMenu);
+
+  return {
+    destroy() {
+      node.removeEventListener('contextmenu', handleContextMenu);
+    },
+  };
+}

From fad8e91c7e1aa12512654146ab7bbc6bd095b9ca Mon Sep 17 00:00:00 2001
From: Jan Prochazka <jan.prochazka@sprinx.cz>
Date: Tue, 30 Jul 2024 09:36:57 +0200
Subject: [PATCH 2/3] #810 hide non active tool strip containers

---
 .../web/src/buttons/ToolStripContainer.svelte | 19 ++++++++++++++++---
 packages/web/src/utility/createActivator.ts   |  9 ++++++++-
 2 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/packages/web/src/buttons/ToolStripContainer.svelte b/packages/web/src/buttons/ToolStripContainer.svelte
index 56e72bb6f..f38683693 100644
--- a/packages/web/src/buttons/ToolStripContainer.svelte
+++ b/packages/web/src/buttons/ToolStripContainer.svelte
@@ -1,11 +1,24 @@
+<script lang="ts">
+  import { get_current_component } from 'svelte/internal';
+  import createActivator, { isComponentActiveStore } from '../utility/createActivator';
+
+  const thisInstance = get_current_component();
+
+  export const activator = createActivator('ToolStripContainer', false);
+
+  $: isComponentActive = $isComponentActiveStore('ToolStripContainer', thisInstance);
+</script>
+
 <div class="wrapper">
   <div class="content">
     <slot />
   </div>
 
-  <div class="toolstrip">
-    <slot name="toolstrip" />
-  </div>
+  {#if isComponentActive}
+    <div class="toolstrip">
+      <slot name="toolstrip" />
+    </div>
+  {/if}
 </div>
 
 <style>
diff --git a/packages/web/src/utility/createActivator.ts b/packages/web/src/utility/createActivator.ts
index a379c953d..035be2d4f 100644
--- a/packages/web/src/utility/createActivator.ts
+++ b/packages/web/src/utility/createActivator.ts
@@ -1,9 +1,12 @@
 import { getContext } from 'svelte';
 import { get_current_component, onMount, setContext } from 'svelte/internal';
 import invalidateCommands from '../commands/invalidateCommands';
+import { writable } from 'svelte/store';
 
 const lastActiveDictionary = {};
 
+export const isComponentActiveStore = writable((key: string, component) => false as boolean);
+
 function isParent(parent, child) {
   while (child && child.activator) {
     if (parent == child) return true;
@@ -54,7 +57,7 @@ export default function createActivator(
     }
 
     // console.log('toDelete', toDelete);
-    
+
     for (const del of toDelete) {
       delete lastActiveDictionary[del];
     }
@@ -63,6 +66,10 @@ export default function createActivator(
       parentActivatorInstance.activator.activate();
     }
     // console.log('Active components', lastActiveDictionary);
+
+    isComponentActiveStore.set((key, component) => {
+      return lastActiveDictionary[key] == component;
+    });
   };
 
   const getTabVisible = () => tabVisibleValue;

From 385f8ff5fdfd868020e3f8390d9f3c2b64e938b3 Mon Sep 17 00:00:00 2001
From: "SPRINX0\\prochazka" <jan.prochazka@sprinx.com>
Date: Tue, 30 Jul 2024 09:42:04 +0200
Subject: [PATCH 3/3] v5.3.2-beta.3

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 292a4083b..d0ba4b740 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "private": true,
-  "version": "5.3.2-beta.2",
+  "version": "5.3.2-beta.3",
   "name": "dbgate-all",
   "workspaces": [
     "packages/*",