@intechstudio/grid-uikit 1.20241017.2145 → 1.20241017.2206

package/dist/ContextMenu.svelte

@@ -3,7 +3,7 @@
 
 <script>import Popover from "svelte-easy-popover/dist/ts/Popover.svelte";
 import { onMount } from "svelte";
-import { destroyContextMenu } from "./context-target";
+import { contextMenu } from "./context-target";
 export let target;
 export let items = [];
 export let coord;
@@ -11,13 +11,13 @@ let maxLength = Math.max(...items.map((e) => e.text[0].length));
 let menu;
 function handleItemClicked(item) {
   item.handler();
-  destroyContextMenu();
+  contextMenu.close();
 }
 function handleBlur() {
-  destroyContextMenu();
+  contextMenu.close();
 }
 function handleClickOutside() {
-  destroyContextMenu();
+  contextMenu.close();
 }
 let offset = { x: 0, y: 0 };
 onMount(() => {

package/dist/context-target.d.ts

@@ -1,9 +1,13 @@
 import type { Action } from "svelte/action";
-import { type ContextMenuItem } from "./ContextMenu.svelte";
+import ContextMenu, { type ContextMenuItem } from "./ContextMenu.svelte";
+import { type Writable } from "svelte/store";
 interface ContextMenuOptions {
     items: ContextMenuItem[];
     data: any;
 }
-export declare function destroyContextMenu(): void;
+interface ContextMenuWritable extends Writable<ContextMenu | null> {
+    close: () => void;
+}
+export declare let contextMenu: ContextMenuWritable;
 export declare const contextTarget: Action<HTMLElement, ContextMenuOptions>;
 export {};

package/dist/context-target.js

@@ -1,11 +1,19 @@
 import ContextMenu, {} from "./ContextMenu.svelte";
-// Store the currently open context menu instance
-let currentContextMenu = null;
-export function destroyContextMenu() {
-    if (currentContextMenu) {
-        currentContextMenu.$destroy();
-        currentContextMenu = null;
-    }
+import { get, writable } from "svelte/store";
+export let contextMenu = createContextMenuStore();
+function createContextMenuStore() {
+    const store = writable(null);
+    const close = () => {
+        const cm = get(store);
+        if (cm) {
+            cm.$destroy(); // Ensure that the context menu has a $destroy method
+            store.set(null);
+        }
+    };
+    return {
+        ...store,
+        close,
+    };
 }
 export const contextTarget = (node, options) => {
     const handleMouseUp = (e) => {
@@ -16,22 +24,22 @@ export const contextTarget = (node, options) => {
     };
     const createContextMenu = async (x, y) => {
         // If a context menu is already open, destroy it
-        destroyContextMenu();
-        currentContextMenu = new ContextMenu({
+        contextMenu.close();
+        contextMenu.set(new ContextMenu({
             target: node,
             props: {
                 target: node,
                 items: options.items,
                 coord: { x: x, y: y },
             },
-        });
+        }));
     };
     node.addEventListener("mouseup", (event) => handleMouseUp(event));
     return {
         destroy() {
             node.removeEventListener("mouseup", handleMouseUp);
             // Clean up the current context menu if the node is destroyed
-            destroyContextMenu();
+            contextMenu.close();
         },
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intechstudio/grid-uikit",
-  "version": "1.20241017.2145",
+  "version": "1.20241017.2206",
   "scripts": {
     "dev": "vite",
     "build": "vite build",