compote-ui 0.40.1 → 0.40.2

package/dist/components/tree-view/tree-view.svelte

@@ -20,8 +20,7 @@
 	let {
 		items = [],
 		label,
-		// eslint-disable-next-line no-useless-assignment
-		contextNode = $bindable(null),
+		onContextMenu,
 		selectedValue = $bindable([]),
 		checkedValue = $bindable([]),
 		selectionMode = 'single',
@@ -68,7 +67,9 @@
 		const targetNode = target.closest('[data-part="item"], [data-part="branch-control"]');
 		if (targetNode) {
 			const nodeId = targetNode.getAttribute('data-value');
-			contextNode = nodeId ?? null;
+			if (nodeId) {
+				onContextMenu?.({ nodeId, event });
+			}
 		}
 	}
 </script>

package/dist/components/tree-view/tree-view.svelte.d.ts

@@ -4,7 +4,7 @@ import { type TreeItem } from '../../utils/collections';
 declare function $$render<T extends TreeItem>(): {
     props: TreeViewProps<T>;
     exports: {};
-    bindings: "selectedValue" | "checkedValue" | "contextNode";
+    bindings: "selectedValue" | "checkedValue";
     slots: {};
     events: {};
 };
@@ -12,7 +12,7 @@ declare class __sveltets_Render<T extends TreeItem> {
     props(): ReturnType<typeof $$render<T>>['props'];
     events(): ReturnType<typeof $$render<T>>['events'];
     slots(): ReturnType<typeof $$render<T>>['slots'];
-    bindings(): "selectedValue" | "checkedValue" | "contextNode";
+    bindings(): "selectedValue" | "checkedValue";
     exports(): {};
 }
 interface $$IsomorphicComponent {

package/dist/components/tree-view/types.d.ts

@@ -3,5 +3,8 @@ import type { TreeItem } from '../../utils/collections';
 export interface TreeViewProps<T extends TreeItem> extends Omit<UseTreeViewProps<T>, 'collection'> {
     items?: T[];
     label?: string;
-    contextNode?: string | null;
+    onContextMenu?: (details: {
+        nodeId: string;
+        event: MouseEvent;
+    }) => void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "compote-ui",
-	"version": "0.40.1",
+	"version": "0.40.2",
 	"license": "MIT",
 	"scripts": {
 		"dev": "vite dev --open",