@makolabs/ripple 0.0.7 → 0.0.8

package/dist/file-browser/FileBrowser.svelte

@@ -286,8 +286,8 @@
 
 			if (isCurrentlySelected) {
 				// Remove from selection
-				selectedFiles = selectedFiles.filter(key => key !== file.key);
-				selected = selected.filter(item => item.key !== file.key);
+				selectedFiles = selectedFiles.filter((key) => key !== file.key);
+				selected = selected.filter((item) => item.key !== file.key);
 				console.log('selected [HANDLEROWCLICK, REMOVE]', selected);
 			} else {
 				// Add to selection
@@ -386,22 +386,22 @@
 	}
 
 	// Effect to update the Table component's selection state when selectedFiles changes
-	// $effect(() => {
-	// 	if (displayFiles.length === 0) return;
-
-	// 	// Get all files that should be selected based on our current selection state
-	// 	const filesToSelect = displayFiles.filter((file) => isRowSelected(file));
-
-	// 	// We need to update the Table's internal selection state without triggering additional updates
-	// 	// This ensures the UI is properly updated
-	// 	if (
-	// 		JSON.stringify(selected.map((f) => f.key).sort()) !==
-	// 		JSON.stringify(filesToSelect.map((f) => f.key).sort())
-	// 	) {
-	// 		// Only update if the selection has actually changed
-	// 		selected = filesToSelect;
-	// 	}
-	// });
+	$effect(() => {
+		if (displayFiles.length === 0) return;
+
+		// Get all files that should be selected based on our current selection state
+		const filesToSelect = displayFiles.filter((file) => isRowSelected(file));
+
+		// We need to update the Table's internal selection state without triggering additional updates
+		// This ensures the UI is properly updated
+		if (
+			JSON.stringify(selected.map((f) => f.key).sort()) !==
+			JSON.stringify(filesToSelect.map((f) => f.key).sort())
+		) {
+			// Only update if the selection has actually changed
+			selected = filesToSelect;
+		}
+	});
 
 	// Track the selected items for the Table component's internal state
 	let selected = $state<FileItem[]>([]);
@@ -437,7 +437,7 @@
 				}
 				return false;
 			});
-			
+
 			// Always allow folders to be selected (for recursive selection)
 			return item.isFolder || hasAllowedAction;
 		});
@@ -648,7 +648,14 @@
 		<div class="flex items-center gap-2">
 			{#each singularActions(file) as action (action.label)}
 				{#if action.isAllowed(file)}
-					<Button size={Size.XS} onclick={() => action.action?.(file)}>{action.label(file)}</Button>
+					<Button
+						size={Size.XS}
+						onclick={(e) => {
+							e.stopPropagation();
+							e.preventDefault();
+							action.action?.(file);
+						}}>{action.label(file)}</Button
+					>
 				{/if}
 			{/each}
 		</div>

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@makolabs/ripple",
-	"version": "0.0.7",
+	"version": "0.0.8",
 	"description": "Simple Svelte 5 powered component library ✨",
 	"repository": {
 		"type": "git",