@makolabs/ripple 0.2.1-0 → 0.2.2-0

package/dist/file-browser/FileBrowser.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { onMount } from 'svelte';
 	import { Button, Table, Color, Size } from '../index.js';
-	import type { TableColumn } from '../index.js';
+	import type { TableColumn, FileBrowserProps } from '../index.js';
 	import { formatDate } from '../utils/dateUtils.js';
 	import type {
 		StorageAdapter,
@@ -9,7 +9,7 @@
 		Breadcrumb,
 		FileAction,
 		FileActionBatch,
-		FileActionSingle
+		FileActionSingle,
 	} from '../adapters/storage/index.js';
 
 	let {
@@ -18,16 +18,7 @@
 		actions = [],
 		infoSection,
 		selectedFiles = $bindable([])
-	} = $props<{
-		adapter: StorageAdapter;
-		startPath?: string;
-		actions?: FileAction[];
-		selectedFiles?: string[];
-		infoSection?: (props: {
-			selectedFiles: string[];
-			navToFileFolder: (fileKey: string) => void;
-		}) => any;
-	}>();
+	}: FileBrowserProps = $props();
 
 	let files = $state<FileItem[]>([]);
 	let displayFiles = $state<FileItem[]>([]);
@@ -118,7 +109,6 @@
 				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);
@@ -251,7 +241,6 @@
 			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
@@ -265,10 +254,10 @@
 			navigateToFolder(file.key);
 		} else {
 			// Check if this file is allowed to be selected based on actions
-			const hasAllowedAction = actions.some((action: FileAction) => {
+			const hasAllowedAction = actions.some((action) => {
 				// Only check single file actions for individual file selection
 				if ('action' in action && typeof action.action === 'function') {
-					return action.isAllowed(file);
+					return (action.isAllowed as FileActionSingle['isAllowed'])(file);
 				}
 				return false;
 			});
@@ -280,20 +269,15 @@
 
 			// 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);
 			}
 		}
 	}
@@ -430,9 +414,9 @@
 		// 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) => {
+			const hasAllowedAction = actions.some((action) => {
 				// Only check single file actions for individual file selection
-				if ('action' in action && typeof action.action === 'function') {
+				if ('action' in action && typeof action.action === 'function' && action.action) {
 					return action.isAllowed(item);
 				}
 				return false;
@@ -537,8 +521,6 @@
 					(newItem) => !existingQueue.some((existingItem) => existingItem.key === newItem.key)
 				)
 			];
-
-			console.log(`Selected ${selectedFiles.length} files from folders`);
 		} catch (err) {
 			console.error('Error in recursive folder processing:', err);
 			console.error('Failed to process some folders');

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

@@ -1,14 +1,4 @@
-import type { StorageAdapter, FileAction } from '../adapters/storage/index.js';
-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, {}, "selectedFiles">;
+import type { FileBrowserProps } from '../index.js';
+declare const FileBrowser: import("svelte").Component<FileBrowserProps, {}, "selectedFiles">;
 type FileBrowser = ReturnType<typeof FileBrowser>;
 export default FileBrowser;

package/dist/index.d.ts

@@ -20,6 +20,7 @@ import type { Component } from 'svelte';
 import type { HTMLButtonAttributes, HTMLAttributeAnchorTarget } from 'svelte/elements';
 import type { ECharts } from 'echarts/types/src/export/core.js';
 import type { SuperForm } from 'sveltekit-superforms';
+import type { FileAction, StorageAdapter } from './adapters/storage/types.js';
 export type BadgeProps = {
     size?: VariantSizes;
     color?: VariantColors;
@@ -845,9 +846,9 @@ export { CompactFilters } from './filters/index.js';
 export * from './file-browser/index.js';
 export * from './adapters/storage/index.js';
 export interface FileBrowserProps {
-    adapter: any;
+    adapter: StorageAdapter;
     startPath?: string;
-    actions?: any[];
+    actions?: FileAction[];
     selectedFiles?: string[];
     infoSection?: (props: {
         selectedFiles: string[];

package/package.json

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