aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
55 lines • 1.96 kB
TypeScript
import React from "react";
export interface FileItem {
id: string;
name: string;
type: "file" | "folder";
size?: number;
modifiedAt: Date;
createdAt: Date;
extension?: string;
mimeType?: string;
thumbnail?: string;
permissions?: string;
owner?: string;
path: string;
parentId?: string;
children?: FileItem[];
isLoading?: boolean;
}
export interface GlassFileExplorerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> {
currentPath?: string;
files?: FileItem[];
onNavigate?: (path: string) => void;
onFileSelect?: (file: FileItem) => void;
onFileOpen?: (file: FileItem) => void;
onFileDelete?: (fileId: string) => void;
onFileRename?: (fileId: string, newName: string) => void;
onFileMove?: (fileId: string, newPath: string) => void;
onFileCopy?: (fileId: string, newPath: string) => void;
onFolderCreate?: (parentPath: string, name: string) => void;
onFileUpload?: (files: FileList, path: string) => void;
onRefresh?: () => void;
selectedFiles?: string[];
onSelectionChange?: (fileIds: string[]) => void;
loading?: boolean;
viewMode?: "list" | "grid";
onViewModeChange?: (mode: "list" | "grid") => void;
showHiddenFiles?: boolean;
onShowHiddenFilesChange?: (show: boolean) => void;
searchQuery?: string;
onSearchChange?: (query: string) => void;
className?: string;
showToolbar?: boolean;
showBreadcrumb?: boolean;
showSearch?: boolean;
allowMultiSelect?: boolean;
allowDragDrop?: boolean;
variant?: "default" | "compact" | "minimal";
size?: "sm" | "md" | "lg";
elevation?: "low" | "medium" | "high";
"data-testid"?: string;
"aria-label"?: string;
}
declare const GlassFileExplorer: React.ForwardRefExoticComponent<GlassFileExplorerProps & React.RefAttributes<HTMLDivElement>>;
export { GlassFileExplorer };
//# sourceMappingURL=GlassFileExplorer.d.ts.map