@makolabs/ripple 0.0.6 → 0.0.8

package/dist/file-browser/FileBrowser.svelte

@@ -118,6 +118,7 @@
 				const fileItem = files.find((f) => f.key === fileKey);
 				if (fileItem && !selected.some((s) => s.key === fileKey)) {
 					selected = [...selected, fileItem];
+					console.log('selected [SETTIMEOUT, FILEITEM]', selected);
 				}
 			}
 		}, 100);
@@ -250,6 +251,7 @@
 			if (filesToSelect.length > 0) {
 				selectedFiles = filesToSelect;
 				selected = displayFiles.filter((file) => filesToSelect.includes(file.key));
+				console.log('selected [NAVIGATETOFOLDER]', selected);
 			}
 
 			// Restore fileQueue to ensure we keep track of all selected files
@@ -278,15 +280,20 @@
 
 			// Toggle selection for files
 			const isCurrentlySelected = selectedFiles.includes(file.key);
-			
+			console.log('isCurrentlySelected [HANDLEROWCLICK]', isCurrentlySelected);
+			console.log('selectedFiles [HANDLEROWCLICK]', selectedFiles);
+			console.log('selected [HANDLEROWCLICK]', selected);
+
 			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
 				selectedFiles = [...selectedFiles, file.key];
 				selected = [...selected, file];
+				console.log('selected [HANDLEROWCLICK, ADD]', selected);
 			}
 		}
 	}
@@ -379,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[]>([]);
@@ -430,7 +437,7 @@
 				}
 				return false;
 			});
-			
+
 			// Always allow folders to be selected (for recursive selection)
 			return item.isFolder || hasAllowedAction;
 		});
@@ -641,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.6",
+	"version": "0.0.8",
 	"description": "Simple Svelte 5 powered component library ✨",
 	"repository": {
 		"type": "git",