@makolabs/ripple 0.0.5 → 0.0.7

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);
@@ -192,7 +193,6 @@
 			// Retain selected files that are still valid
 			// We need to filter out any folder paths that might no longer exist
 			selectedFiles = previousSelectedFiles;
-			debugger;
 			fileQueue = previousFileQueue;
 		} catch (err) {
 			console.error('Error fetching files:', err);
@@ -250,8 +250,8 @@
 			// Update selection
 			if (filesToSelect.length > 0) {
 				selectedFiles = filesToSelect;
-				debugger;
 				selected = displayFiles.filter((file) => filesToSelect.includes(file.key));
+				console.log('selected [NAVIGATETOFOLDER]', selected);
 			}
 
 			// Restore fileQueue to ensure we keep track of all selected files
@@ -280,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);
+				console.log('selected [HANDLEROWCLICK, REMOVE]', selected);
 			} else {
 				// Add to selection
 				selectedFiles = [...selectedFiles, file.key];
 				selected = [...selected, file];
+				console.log('selected [HANDLEROWCLICK, ADD]', selected);
 			}
 		}
 	}
@@ -381,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[]>([]);

package/package.json

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