@makolabs/ripple 0.0.3 → 0.0.5

package/dist/file-browser/FileBrowser.svelte

@@ -192,6 +192,7 @@
 			// 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);
@@ -249,6 +250,7 @@
 			// Update selection
 			if (filesToSelect.length > 0) {
 				selectedFiles = filesToSelect;
+				debugger;
 				selected = displayFiles.filter((file) => filesToSelect.includes(file.key));
 			}
 
@@ -378,6 +380,27 @@
 		}
 	}
 
+	// 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;
+		}
+	});
+
+	// Track the selected items for the Table component's internal state
+	let selected = $state<FileItem[]>([]);
+
 	// Derived: all files to import (not folders), including recursively fetched
 	const allFilesAcquired = $derived.by(() => {
 		const selectedFileKeys = new Set(selectedFiles);
@@ -417,51 +440,17 @@
 		// Get keys from allowed selected items
 		const newSelectedKeys = allowedItems.map((item) => item.key);
 
-		// Only update if there's a meaningful change to prevent unnecessary resets
-		const currentKeys = [...selectedFiles].sort();
-		const sortedNewKeys = [...newSelectedKeys].sort();
-		
-		if (JSON.stringify(currentKeys) !== JSON.stringify(sortedNewKeys)) {
-			// Update the global selection state with only allowed items
-			handleSelectByKeys(newSelectedKeys, allowedItems);
-		}
+		// Update the global selection state with only allowed items
+		handleSelectByKeys(newSelectedKeys, allowedItems);
 	}
 
-	// Track the selected items for the Table component's internal state
-	let selected = $state<FileItem[]>([]);
-
-	// 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;
-		}
-	});
-
 	// Handle selection based on keys to avoid redundant code
 	function handleSelectByKeys(keys: string[], items: FileItem[] = []) {
 		// Get folder items from the selection
 		const folderItems = items.filter((item) => item.isFolder);
 
-		// Only update selectedFiles if the new keys are actually different
-		// This prevents unnecessary resets of the bound array
-		const currentKeys = [...selectedFiles].sort();
-		const newKeys = [...keys].sort();
-		
-		if (JSON.stringify(currentKeys) !== JSON.stringify(newKeys)) {
-			// Update the selectedFiles array only if there's a real change
-			selectedFiles = keys;
-		}
+		// Update the selectedFiles array
+		selectedFiles = keys;
 
 		// Process any newly selected folders recursively to get their contents
 		const newFolders = folderItems.filter((folder) => !processedFolders.has(folder.key));

package/package.json

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