@makolabs/ripple 0.0.1-dev.73 → 0.0.1-dev.75

package/dist/file-browser/FileBrowser.svelte

@@ -16,11 +16,13 @@
 		adapter,
 		startPath = '',
 		actions = [],
-		infoSection
+		infoSection,
+		selectedFiles = $bindable([])
 	} = $props<{
 		adapter: StorageAdapter;
 		startPath?: string;
 		actions?: FileAction[];
+		selectedFiles?: string[];
 		infoSection?: (props: {
 			selectedFiles: string[];
 			navToFileFolder: (fileKey: string) => void;
@@ -36,8 +38,6 @@
 	let breadcrumbs = $state<Breadcrumb[]>([]);
 	let searchQuery = $state('');
 
-	let selectedFiles = $state<string[]>([]);
-
 	let sortState = $state<{ column: string | null; direction: 'asc' | 'desc' | 'default' | null }>({
 		column: null,
 		direction: null
@@ -393,12 +393,26 @@
 
 	// Ensure our selectedFiles state is updated when the Table selection changes
 	function onselect(selectedItems: FileItem[]) {
-		// We need to differentiate between what's a user action and what's our programmatic update
-		// Get keys from currently selected items
-		const newSelectedKeys = selectedItems.map((item) => item.key);
+		// Filter out files that aren't allowed to be selected based on actions' isAllowed logic
+		const allowedItems = selectedItems.filter((item) => {
+			// Check if any single action allows this file
+			const hasAllowedAction = actions.some((action: FileAction) => {
+				// Only check single file actions for individual file selection
+				if ('action' in action && typeof action.action === 'function') {
+					return action.isAllowed(item);
+				}
+				return false;
+			});
+			
+			// Always allow folders to be selected (for recursive selection)
+			return item.isFolder || hasAllowedAction;
+		});
+
+		// Get keys from allowed selected items
+		const newSelectedKeys = allowedItems.map((item) => item.key);
 
-		// Update the global selection state
-		handleSelectByKeys(newSelectedKeys, selectedItems);
+		// Update the global selection state with only allowed items
+		handleSelectByKeys(newSelectedKeys, allowedItems);
 	}
 
 	// Handle selection based on keys to avoid redundant code

package/dist/file-browser/FileBrowser.svelte.d.ts

@@ -3,11 +3,12 @@ type $$ComponentProps = {
     adapter: StorageAdapter;
     startPath?: string;
     actions?: FileAction[];
+    selectedFiles?: string[];
     infoSection?: (props: {
         selectedFiles: string[];
         navToFileFolder: (fileKey: string) => void;
     }) => any;
 };
-declare const FileBrowser: import("svelte").Component<$$ComponentProps, {}, "">;
+declare const FileBrowser: import("svelte").Component<$$ComponentProps, {}, "selectedFiles">;
 type FileBrowser = ReturnType<typeof FileBrowser>;
 export default FileBrowser;

package/dist/index.d.ts

@@ -844,3 +844,13 @@ export type CompactFiltersProps = {
 export { CompactFilters } from './filters/index.js';
 export * from './file-browser/index.js';
 export * from './adapters/storage/index.js';
+export interface FileBrowserProps {
+    adapter: any;
+    startPath?: string;
+    actions?: any[];
+    selectedFiles?: string[];
+    infoSection?: (props: {
+        selectedFiles: string[];
+        navToFileFolder: (fileKey: string) => void;
+    }) => any;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@makolabs/ripple",
-	"version": "0.0.1-dev.73",
+	"version": "0.0.1-dev.75",
 	"description": "Simple Svelte 5 powered component library ✨",
 	"repository": {
 		"type": "git",