compote-ui 0.38.1 → 0.39.0

package/dist/components/data-table/data-table-head.svelte

@@ -72,7 +72,6 @@
 		if (!isMultiRowSelectionEnabled) return false;
 		return headerGroupIndex === headerGroupCount - 1;
 	}
-
 </script>
 
 <thead

package/dist/components/data-table/data-table-virtual-rows.svelte

@@ -27,9 +27,10 @@
 		isRowSelectionEnabled: boolean;
 		table: DataTableInstance<T>;
 		emptyMessage: string;
+		onRowDoubleClick?: (details: { row: T; event: MouseEvent }) => void;
 	};
 
-	let { rows, scrollContainer, isRowSelectionEnabled, table, emptyMessage }: Props = $props();
+	let { rows, scrollContainer, isRowSelectionEnabled, table, emptyMessage, onRowDoubleClick }: Props = $props();
 
 	const rowVirtualizer = createVirtualizer<HTMLDivElement, HTMLTableRowElement>({
 		get count() {
@@ -75,6 +76,7 @@
 						'bg-well/60 [--row-bg:color-mix(in_srgb,var(--compote-well)_60%,var(--compote-surface-1))]'
 				)}
 				style="display: flex; position: absolute; transform: translateY({virtualRow.start}px); width: 100%"
+				ondblclick={(event) => onRowDoubleClick?.({ row: row.original, event })}
 			>
 				{#if isRowSelectionEnabled}
 					<td

package/dist/components/data-table/data-table-virtual-rows.svelte.d.ts

@@ -7,6 +7,10 @@ declare function $$render<T extends RowData>(): {
         isRowSelectionEnabled: boolean;
         table: DataTableInstance<T>;
         emptyMessage: string;
+        onRowDoubleClick?: (details: {
+            row: T;
+            event: MouseEvent;
+        }) => void;
     };
     exports: {};
     bindings: "";

package/dist/components/data-table/data-table-virtualized.svelte

@@ -16,6 +16,7 @@
 		caption?: string;
 		emptyMessage?: string;
 		class?: ClassValue;
+		onRowDoubleClick?: (details: { row: T; event: MouseEvent }) => void;
 	};
 
 	let {
@@ -23,6 +24,7 @@
 		caption,
 		emptyMessage = 'No rows found',
 		class: className,
+		onRowDoubleClick,
 		...rest
 	}: Props = $props();
 
@@ -86,6 +88,7 @@
 					{isRowSelectionEnabled}
 					{table}
 					{emptyMessage}
+					{onRowDoubleClick}
 				/>
 			{/if}
 		</table>

package/dist/components/data-table/data-table-virtualized.svelte.d.ts

@@ -8,6 +8,10 @@ declare function $$render<T extends RowData>(): {
         caption?: string;
         emptyMessage?: string;
         class?: ClassValue;
+        onRowDoubleClick?: (details: {
+            row: T;
+            event: MouseEvent;
+        }) => void;
     };
     exports: {};
     bindings: "";

package/dist/components/data-table/data-table.svelte

@@ -28,6 +28,7 @@
 		caption?: string;
 		emptyMessage?: string;
 		class?: ClassValue;
+		onRowDoubleClick?: (details: { row: T; event: MouseEvent }) => void;
 	};
 
 	let {
@@ -35,6 +36,7 @@
 		caption,
 		emptyMessage = 'No rows found',
 		class: className,
+		onRowDoubleClick,
 		...rest
 	}: Props = $props();
 
@@ -115,6 +117,7 @@
 							rowSelected &&
 								'bg-well/60 [--row-bg:color-mix(in_srgb,var(--compote-well)_60%,var(--compote-surface-1))]'
 						)}
+						ondblclick={(event) => onRowDoubleClick?.({ row: row.original, event })}
 					>
 						{#if isRowSelectionEnabled}
 							<td

package/dist/components/data-table/data-table.svelte.d.ts

@@ -8,6 +8,10 @@ declare function $$render<T extends RowData>(): {
         caption?: string;
         emptyMessage?: string;
         class?: ClassValue;
+        onRowDoubleClick?: (details: {
+            row: T;
+            event: MouseEvent;
+        }) => void;
     };
     exports: {};
     bindings: "";

package/dist/components/menu/menu-content.svelte

@@ -1,23 +1,28 @@
 <script lang="ts">
 	import { Menu } from '@ark-ui/svelte/menu';
+	import { Portal } from '@ark-ui/svelte/portal';
+	import type { MenuContentBaseProps } from '@ark-ui/svelte/menu';
 	import type { Snippet } from 'svelte';
 	import { cn } from 'tailwind-variants';
 
-	type Props = {
+	type Props = MenuContentBaseProps & {
 		class?: string;
 		children: Snippet;
 	};
 
-	const { class: className, children }: Props = $props();
+	const { class: className, children, ...restProps }: Props = $props();
 </script>
 
-<Menu.Positioner>
-	<Menu.Content
-		class={cn(
-			'z-50 min-w-32 overflow-hidden rounded-md border bg-surface-1 p-1 text-ink shadow-md outline-none',
-			className
-		)}
-	>
-		{@render children()}
-	</Menu.Content>
-</Menu.Positioner>
+<Portal>
+	<Menu.Positioner>
+		<Menu.Content
+			{...restProps}
+			class={cn(
+				'z-50 min-w-32 overflow-hidden rounded-md border bg-surface-1 p-1 text-ink shadow-md outline-none',
+				className
+			)}
+		>
+			{@render children()}
+		</Menu.Content>
+	</Menu.Positioner>
+</Portal>

package/dist/components/menu/menu-content.svelte.d.ts

@@ -1,5 +1,6 @@
+import type { MenuContentBaseProps } from '@ark-ui/svelte/menu';
 import type { Snippet } from 'svelte';
-type Props = {
+type Props = MenuContentBaseProps & {
     class?: string;
     children: Snippet;
 };

package/package.json

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