@makolabs/ripple 0.0.4 → 0.0.6

package/dist/file-browser/FileBrowser.svelte

@@ -378,6 +378,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 +438,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.4",
+	"version": "0.0.6",
 	"description": "Simple Svelte 5 powered component library ✨",
 	"repository": {
 		"type": "git",