@rakun-kit/manager-react 1.0.0

package/dist/esm/components/media/contexts/MediaLibraryContext.d.ts

@@ -0,0 +1,48 @@
+import type { FileOptimizeOptions } from '@rakun-kit/core/client';
+import { FileUploadProps } from '../../ui/file-upload.js';
+import type { MediaRecord } from '../../../lib/media.js';
+export type MediaTypeFilter = 'all' | 'image' | 'video' | 'document';
+export type FolderItem = {
+    _id: string;
+    name: string;
+    slug: string;
+    path: string;
+    parentId?: string;
+    description?: string;
+};
+type FolderActionRequest = {
+    id: string;
+    name: string;
+    requestId: number;
+};
+type MediaLibraryContextValue = {
+    currentFolderId: string | null;
+    currentFolderPath: string;
+    setCurrentFolderId: (folderId: string | null) => void;
+    folders?: FolderItem[];
+    isLoadingFolders: boolean;
+    refetchFoldersTree: () => Promise<unknown>;
+    requestEditFolder: (folder: FolderItem) => void;
+    requestDeleteFolder: (folder: FolderItem) => void;
+    externalEditFolderRequest: FolderActionRequest | null;
+    externalDeleteFolderRequest: FolderActionRequest | null;
+    selectable: boolean;
+    multipleSelect: boolean;
+    selectedMediaIds?: Set<string>;
+    forcedMediaTypeFilter?: MediaTypeFilter;
+    onSelect?: (media: MediaRecord) => void;
+    onCreateFolder: (parentId: string | null, name: string) => Promise<void>;
+    onUpload: NonNullable<FileUploadProps['onUpload']>;
+    optimizeEnabled: boolean;
+    optimizeLocked: boolean;
+    optimizeOptions: FileOptimizeOptions;
+    setOptimizeEnabled: (value: boolean) => void;
+    setOptimizeOptions: (patch: Partial<FileOptimizeOptions>) => void;
+};
+export declare function MediaLibraryProvider({ value, children, }: {
+    value: MediaLibraryContextValue;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useMediaLibrary(): MediaLibraryContextValue;
+export {};
+//# sourceMappingURL=MediaLibraryContext.d.ts.map

package/dist/esm/components/media/contexts/MediaLibraryContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaLibraryContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/media/contexts/MediaLibraryContext.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAEjE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAE9C,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,CAAA;AAEpE,MAAM,MAAM,UAAU,GAAG;IACvB,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,KAAK,mBAAmB,GAAG;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,KAAK,wBAAwB,GAAG;IAC9B,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,iBAAiB,EAAE,MAAM,CAAA;IACzB,kBAAkB,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACrD,OAAO,CAAC,EAAE,UAAU,EAAE,CAAA;IACtB,gBAAgB,EAAE,OAAO,CAAA;IACzB,kBAAkB,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAA;IAC1C,iBAAiB,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;IAC/C,mBAAmB,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;IACjD,yBAAyB,EAAE,mBAAmB,GAAG,IAAI,CAAA;IACrD,2BAA2B,EAAE,mBAAmB,GAAG,IAAI,CAAA;IACvD,UAAU,EAAE,OAAO,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,gBAAgB,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC9B,qBAAqB,CAAC,EAAE,eAAe,CAAA;IACvC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACvC,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACxE,QAAQ,EAAE,WAAW,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,CAAA;IAClD,eAAe,EAAE,OAAO,CAAA;IACxB,cAAc,EAAE,OAAO,CAAA;IACvB,eAAe,EAAE,mBAAmB,CAAA;IACpC,kBAAkB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,kBAAkB,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;CAClE,CAAA;AAMD,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,wBAAwB,CAAA;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,2CAMA;AAED,wBAAgB,eAAe,6BAM9B"}

package/dist/esm/components/media/contexts/MediaLibraryContext.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+const MediaLibraryContext = createContext(null);
+export function MediaLibraryProvider({ value, children, }) {
+    return (_jsx(MediaLibraryContext.Provider, { value: value, children: children }));
+}
+export function useMediaLibrary() {
+    const context = useContext(MediaLibraryContext);
+    if (!context) {
+        throw new Error('useMediaLibrary must be used within <MediaLibraryProvider>');
+    }
+    return context;
+}
+//# sourceMappingURL=MediaLibraryContext.js.map

package/dist/esm/components/media/contexts/MediaLibraryContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaLibraryContext.js","sourceRoot":"","sources":["../../../../../src/components/media/contexts/MediaLibraryContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAiDjD,MAAM,mBAAmB,GAAG,aAAa,CACvC,IAAI,CACL,CAAA;AAED,MAAM,UAAU,oBAAoB,CAAC,EACnC,KAAK,EACL,QAAQ,GAIT;IACC,OAAO,CACL,KAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACvC,QAAQ,GACoB,CAChC,CAAA;AACH,CAAC;AAED,MAAM,UAAU,eAAe;IAC7B,MAAM,OAAO,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAA;IAC/C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,4DAA4D,CAAC,CAAA;IAC/E,CAAC;IACD,OAAO,OAAO,CAAA;AAChB,CAAC"}

package/dist/esm/components/media/folders/FoldersTree.d.ts

@@ -0,0 +1,4 @@
+export default function FoldersTree({ isModal }: {
+    isModal?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FoldersTree.d.ts.map

package/dist/esm/components/media/folders/FoldersTree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FoldersTree.d.ts","sourceRoot":"","sources":["../../../../../src/components/media/folders/FoldersTree.tsx"],"names":[],"mappings":"AAwEA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,OAAe,EAAE,EAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,2CAuK7E"}

package/dist/esm/components/media/folders/FoldersTree.js

@@ -0,0 +1,102 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronRight, Folder, FolderOpen, Search } from 'lucide-react';
+import { useMemo, useState } from 'react';
+import { Collapsible, CollapsibleContent } from '../../ui/collapsible.js';
+import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuTrigger, } from '../../ui/context-menu.js';
+import { Skeleton } from '../../ui/skeleton.js';
+import { useMediaLibrary } from '../contexts/MediaLibraryContext.js';
+import { cn } from '../../../lib/utils.js';
+const buildFolderTree = (items) => {
+    const map = new Map();
+    const roots = [];
+    items.forEach((item) => {
+        map.set(item._id, {
+            ...item,
+            children: [],
+        });
+    });
+    map.forEach((node) => {
+        if (node.parentId && map.has(node.parentId)) {
+            map.get(node.parentId)?.children.push(node);
+            return;
+        }
+        roots.push(node);
+    });
+    const sortNodes = (nodes) => {
+        nodes.sort((a, b) => a.name.localeCompare(b.name));
+        nodes.forEach((node) => sortNodes(node.children));
+    };
+    sortNodes(roots);
+    return roots;
+};
+const folderHasMatch = (node, search) => {
+    if (!search)
+        return true;
+    if (node.name.toLowerCase().includes(search))
+        return true;
+    if (node.path.toLowerCase().includes(search))
+        return true;
+    return node.children.some((child) => folderHasMatch(child, search));
+};
+export default function FoldersTree({ isModal = false }) {
+    const { folders, isLoadingFolders, currentFolderId, setCurrentFolderId, requestEditFolder, requestDeleteFolder, } = useMediaLibrary();
+    const folderTree = useMemo(() => buildFolderTree(folders ?? []), [folders]);
+    const [search, setSearch] = useState('');
+    const searchTerm = search.trim().toLowerCase();
+    const [expandedFolderIds, setExpandedFolderIds] = useState(() => new Set());
+    const toggleFolder = (folderId) => {
+        setExpandedFolderIds((prev) => {
+            const next = new Set(prev);
+            if (next.has(folderId)) {
+                next.delete(folderId);
+            }
+            else {
+                next.add(folderId);
+            }
+            return next;
+        });
+    };
+    const expandFolder = (folderId) => {
+        setExpandedFolderIds((prev) => {
+            if (prev.has(folderId))
+                return prev;
+            const next = new Set(prev);
+            next.add(folderId);
+            return next;
+        });
+    };
+    const renderFolders = (nodes, depth = 0) => nodes.map((node) => {
+        if (!folderHasMatch(node, searchTerm))
+            return null;
+        const hasChildren = node.children.length > 0;
+        const isOpen = searchTerm.length > 0 ||
+            expandedFolderIds.has(node._id) ||
+            currentFolderId === node._id;
+        return (_jsxs(ContextMenu, { children: [_jsx(ContextMenuTrigger, { asChild: true, children: _jsxs(Collapsible, { open: isOpen, className: 'mt-2 block', children: [_jsxs("div", { style: { marginLeft: depth * 12 }, role: 'button', tabIndex: 0, className: `flex items-center gap-2 rounded px-3 py-1.5 text-left font-medium text-sm transition-colors ${node._id === currentFolderId
+                                    ? 'bg-accent text-accent-foreground'
+                                    : 'text-muted-foreground hover:bg-accent hover:text-accent-foreground'}`, onClick: () => {
+                                    setCurrentFolderId(node._id);
+                                    if (hasChildren)
+                                        expandFolder(node._id);
+                                }, onDoubleClick: () => {
+                                    if (hasChildren)
+                                        toggleFolder(node._id);
+                                }, onKeyDown: (event) => {
+                                    if (event.key === 'Enter' || event.key === ' ') {
+                                        event.preventDefault();
+                                        setCurrentFolderId(node._id);
+                                        if (hasChildren)
+                                            expandFolder(node._id);
+                                    }
+                                }, children: [node._id === currentFolderId ? (_jsx(FolderOpen, { className: 'size-4' })) : (_jsx(Folder, { className: 'size-4' })), node.name, hasChildren ? (_jsx("button", { type: 'button', onClick: (event) => {
+                                            event.preventDefault();
+                                            event.stopPropagation();
+                                            toggleFolder(node._id);
+                                        }, className: 'ml-auto inline-flex items-center justify-center rounded-sm p-0.5 hover:bg-background/60', "aria-label": isOpen ? 'Collapse folder' : 'Expand folder', children: _jsx(ChevronRight, { className: cn('size-3 transition-transform', isOpen && 'rotate-90') }) })) : null] }), _jsx(CollapsibleContent, { className: 'flex flex-col', children: hasChildren ? renderFolders(node.children, depth + 1) : null })] }) }), _jsxs(ContextMenuContent, { children: [_jsx(ContextMenuItem, { onSelect: () => requestEditFolder(node), children: "Edit" }), _jsx(ContextMenuItem, { variant: 'destructive', onSelect: () => requestDeleteFolder(node), children: "Delete" })] })] }, node._id));
+    });
+    return (_jsxs("div", { className: cn('relative min-h-80 overflow-y-auto overflow-x-hidden border-r border-b p-4 lg:h-[calc(100vh-6rem)] lg:border-b-0', isModal ? 'h-[calc(100vh-11rem)]' : ''), children: [_jsxs("div", { className: 'sticky top-0 z-10 mb-3 flex h-9 items-center gap-2 rounded-md border border-input bg-card px-3 py-1 text-sm shadow-xs transition-[color,box-shadow] focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50', children: [_jsx(Search, { className: 'size-4 text-muted-foreground' }), _jsx("input", { value: search, onChange: (e) => setSearch(e.target.value), className: 'w-full bg-transparent text-sm outline-none', type: 'text', placeholder: 'Search folders...' })] }), _jsxs("button", { type: 'button', onClick: () => setCurrentFolderId(null), className: `mb-2 flex w-full items-center gap-2 rounded px-3 py-1.5 text-left font-medium text-sm transition-colors ${currentFolderId === null
+                    ? 'bg-accent text-accent-foreground'
+                    : 'text-muted-foreground hover:bg-accent hover:text-accent-foreground'}`, children: [_jsx(Folder, { className: 'size-4' }), "Base folder"] }), isLoadingFolders ? (_jsx("div", { className: 'space-y-2 px-1 py-2', children: Array.from({ length: 7 }).map((_, index) => (_jsx(Skeleton, { className: 'h-8 w-full rounded-md' }, `folder-skeleton-${index}`))) })) : (renderFolders(folderTree))] }));
+}
+//# sourceMappingURL=FoldersTree.js.map

package/dist/esm/components/media/folders/FoldersTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FoldersTree.js","sourceRoot":"","sources":["../../../../../src/components/media/folders/FoldersTree.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/media/previews/MediaContextMenuContent.d.ts

@@ -0,0 +1,8 @@
+import type { MediaRecord } from '../../../lib/media.js';
+import type { FolderItem } from '../contexts/MediaLibraryContext.js';
+type MediaContextMenuContentProps = {
+    item: MediaRecord | FolderItem;
+};
+export default function MediaContextMenuContent({ item, }: MediaContextMenuContentProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MediaContextMenuContent.d.ts.map

package/dist/esm/components/media/previews/MediaContextMenuContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaContextMenuContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/media/previews/MediaContextMenuContent.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iDAAiD,CAAA;AAEjF,KAAK,4BAA4B,GAAG;IAClC,IAAI,EAAE,WAAW,GAAG,UAAU,CAAA;CAC/B,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,IAAI,GACL,EAAE,4BAA4B,2CA4B9B"}

package/dist/esm/components/media/previews/MediaContextMenuContent.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { FolderInput, Pencil, Trash2 } from 'lucide-react';
+import { ContextMenuContent, ContextMenuItem, ContextMenuSeparator, } from '../../ui/context-menu.js';
+import { useMediaPreview } from './context/MediaPreviewContext.js';
+export default function MediaContextMenuContent({ item, }) {
+    const { onRequestEdit, onRequestMove, onRequestDelete } = useMediaPreview();
+    const isMediaItem = '_type' in item && item._type === 'Media';
+    return (_jsxs(ContextMenuContent, { children: [_jsxs(ContextMenuItem, { onSelect: () => onRequestEdit?.(item), children: [_jsx(Pencil, { className: 'size-4' }), "Edit"] }), isMediaItem ? (_jsxs(_Fragment, { children: [_jsxs(ContextMenuItem, { onSelect: () => onRequestMove(item), children: [_jsx(FolderInput, { className: 'size-4' }), "Move to folder"] }), _jsx(ContextMenuSeparator, {})] })) : null, _jsxs(ContextMenuItem, { variant: 'destructive', onSelect: () => onRequestDelete?.(item), children: [_jsx(Trash2, { className: 'size-4' }), "Delete"] })] }));
+}
+//# sourceMappingURL=MediaContextMenuContent.js.map

package/dist/esm/components/media/previews/MediaContextMenuContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaContextMenuContent.js","sourceRoot":"","sources":["../../../../../src/components/media/previews/MediaContextMenuContent.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAE1D,OAAO,EACL,kBAAkB,EAClB,eAAe,EACf,oBAAoB,GACrB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAS/D,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,IAAI,GACyB;IAC7B,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,EAAE,GAAG,eAAe,EAAE,CAAA;IAC3E,MAAM,WAAW,GAAG,OAAO,IAAI,IAAI,IAAI,IAAI,CAAC,KAAK,KAAK,OAAO,CAAA;IAE7D,OAAO,CACL,MAAC,kBAAkB,eACjB,MAAC,eAAe,IAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,aACpD,KAAC,MAAM,IAAC,SAAS,EAAC,QAAQ,GAAG,YAEb,EACjB,WAAW,CAAC,CAAC,CAAC,CACb,8BACE,MAAC,eAAe,IAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,aAClD,KAAC,WAAW,IAAC,SAAS,EAAC,QAAQ,GAAG,sBAElB,EAClB,KAAC,oBAAoB,KAAG,IACvB,CACJ,CAAC,CAAC,CAAC,IAAI,EACR,MAAC,eAAe,IACd,OAAO,EAAC,aAAa,EACrB,QAAQ,EAAE,GAAG,EAAE,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,aAEvC,KAAC,MAAM,IAAC,SAAS,EAAC,QAAQ,GAAG,cAEb,IACC,CACtB,CAAA;AACH,CAAC"}

package/dist/esm/components/media/previews/Previews.d.ts

@@ -0,0 +1,2 @@
+export default function Previews(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Previews.d.ts.map

package/dist/esm/components/media/previews/Previews.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Previews.d.ts","sourceRoot":"","sources":["../../../../../src/components/media/previews/Previews.tsx"],"names":[],"mappings":"AAgEA,MAAM,CAAC,OAAO,UAAU,QAAQ,4CAkgB/B"}

package/dist/esm/components/media/previews/Previews.js

@@ -0,0 +1,319 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Folder, FolderPlus, Upload, X } from 'lucide-react';
+import { useEffect, useMemo, useState } from 'react';
+import { useQueryClient } from '@tanstack/react-query';
+import { createManagerQueryKey, useManagerClient, useManagerMutation, useManagerQuery, } from '../../../client/react.js';
+import { toast } from 'sonner';
+import { Button } from '../../ui/button.js';
+import { Card } from '../../ui/card.js';
+import { ContextMenu, ContextMenuTrigger } from '../../ui/context-menu.js';
+import { FileUpload, FileUploadDropzone, FileUploadItem, FileUploadItemDelete, FileUploadItemMetadata, FileUploadItemPreview, FileUploadItemProgress, FileUploadList, } from '../../ui/file-upload.js';
+import { ScrollArea } from '../../ui/scroll-area.js';
+import { Skeleton } from '../../ui/skeleton.js';
+import { useMediaLibrary } from '../contexts/MediaLibraryContext.js';
+import MediaContextMenuContent from './MediaContextMenuContent.js';
+import { MediaPreviewProvider } from './context/MediaPreviewContext.js';
+import ExpandedPreviewDialog from './dialogs/ExpandedPreviewDialog.js';
+import MediaCreateFolderDialog from './dialogs/MediaCreateFolderDialog.js';
+import MediaDeleteDialog from './dialogs/MediaDeleteDialog.js';
+import MediaEditDialog from './dialogs/MediaEditDialog.js';
+import MediaMoveDialog from './dialogs/MediaMoveDialog.js';
+import { useExpandedPreview } from './hooks/useExpandedPreview.js';
+import { useMediaPreviewRenderer } from './hooks/useMediaPreviewRenderer.js';
+import { useMediaUpload } from './hooks/useMediaUpload.js';
+import PreviewsToolbar from './toolbar/PreviewsToolbar.js';
+import { formatFileSize } from './utils/mediaPreview.js';
+import PreviewsGridLargeView from './views/PreviewsGridLargeView.js';
+import PreviewsGridSmallView from './views/PreviewsGridSmallView.js';
+import PreviewsListView from './views/PreviewsListView.js';
+import PreviewsViewLoader from './views/PreviewsViewLoader.js';
+const ROOT_FOLDER_VALUE = '__root__';
+export default function Previews() {
+    const managerClient = useManagerClient();
+    const queryClient = useQueryClient();
+    const { currentFolderId, setCurrentFolderId, folders, onCreateFolder, refetchFoldersTree, forcedMediaTypeFilter, externalEditFolderRequest, externalDeleteFolderRequest, selectable, selectedMediaIds, onSelect, onUpload, } = useMediaLibrary();
+    const [viewMode, setViewMode] = useState('grid-sm');
+    const [mediaTypeFilter, setMediaTypeFilter] = useState('all');
+    const effectiveMediaTypeFilter = forcedMediaTypeFilter ?? mediaTypeFilter;
+    const isMediaTypeFilterLocked = !!forcedMediaTypeFilter && forcedMediaTypeFilter !== 'all';
+    const [isCreatingFolder, setIsCreatingFolder] = useState(false);
+    const [isCreateFolderDialogOpen, setIsCreateFolderDialogOpen] = useState(false);
+    const [newFolderName, setNewFolderName] = useState('');
+    const [deleteTarget, setDeleteTarget] = useState(null);
+    const [editTarget, setEditTarget] = useState(null);
+    const [editName, setEditName] = useState('');
+    const [moveTarget, setMoveTarget] = useState(null);
+    const [destinationFolderId, setDestinationFolderId] = useState('');
+    const getMediaQueryFilter = (folderId, mediaType) => {
+        const folderFilter = folderId
+            ? { 'folder._id': folderId }
+            : { folder: { $exists: false } };
+        switch (mediaType) {
+            case 'image':
+                return { ...folderFilter, mime: { $regex: '^image/' } };
+            case 'video':
+                return { ...folderFilter, mime: { $regex: '^video/' } };
+            case 'document':
+                return {
+                    ...folderFilter,
+                    $or: [
+                        { mime: { $regex: '^application/' } },
+                        { mime: { $regex: '^text/' } },
+                    ],
+                };
+            default:
+                return folderFilter;
+        }
+    };
+    const mediaListInput = {
+        contentType: 'Media',
+        query: {
+            filter: getMediaQueryFilter(currentFolderId, effectiveMediaTypeFilter),
+            options: {
+                limit: 'all',
+                sort: {
+                    uploadedAt: 'desc',
+                },
+            },
+        },
+    };
+    const { data, isLoading, refetch } = useManagerQuery({
+        name: 'manager.list',
+        input: mediaListInput,
+    });
+    const { data: childFolders, isLoading: isLoadingChildFolders, refetch: refetchChildFolders, } = useManagerQuery({
+        name: 'manager.media.listFolders',
+        input: currentFolderId ? { parentId: currentFolderId } : {},
+    });
+    const deleteMutation = useManagerMutation('manager.delete');
+    const updateMutation = useManagerMutation('manager.update');
+    const media = (data?.items ??
+        []);
+    const childFoldersData = childFolders;
+    const folderOptions = useMemo(() => [
+        { _id: null, name: 'Base folder', path: '/' },
+        ...[...(folders ?? [])].sort((a, b) => a.path.localeCompare(b.path)),
+    ], [folders]);
+    const { files, setFiles, isUploading, handleUpload, onFileReject } = useMediaUpload({
+        onUpload,
+        refetchMedia: refetch,
+    });
+    const { renderPreview } = useMediaPreviewRenderer({
+        media,
+        resolvePreviewUrl: async (item) => {
+            if (item.previewUrl)
+                return item.previewUrl;
+            if (item.url)
+                return item.url;
+            const result = (await managerClient.request('manager.media.getUrl', {
+                key: item.previewKey || item.key,
+                access: item.access,
+            }));
+            return result.url;
+        },
+    });
+    const { expandedPreview, expandedPreviewUrl, setExpandedPreview, onMediaClick, } = useExpandedPreview({
+        selectable,
+        onSelect,
+        resolveOriginalUrl: async (item) => {
+            if (item.url)
+                return item.url;
+            const result = (await managerClient.request('manager.media.getUrl', {
+                key: item.key,
+                access: item.access,
+            }));
+            return result.url;
+        },
+    });
+    useEffect(() => {
+        if (!externalEditFolderRequest)
+            return;
+        setEditTarget({
+            contentType: 'MediaFolder',
+            id: externalEditFolderRequest.id,
+            name: externalEditFolderRequest.name,
+        });
+        setEditName(externalEditFolderRequest.name);
+    }, [externalEditFolderRequest]);
+    useEffect(() => {
+        if (!externalDeleteFolderRequest)
+            return;
+        setDeleteTarget({
+            contentType: 'MediaFolder',
+            id: externalDeleteFolderRequest.id,
+            name: externalDeleteFolderRequest.name,
+        });
+    }, [externalDeleteFolderRequest]);
+    const handleConfirmDelete = () => {
+        if (!deleteTarget)
+            return;
+        deleteMutation.mutate({
+            contentType: deleteTarget.contentType,
+            id: deleteTarget.id,
+        }, {
+            onSuccess: async () => {
+                await Promise.all([
+                    refetch(),
+                    refetchChildFolders(),
+                    refetchFoldersTree(),
+                ]);
+                setDeleteTarget(null);
+                toast.success(`${deleteTarget.contentType === 'MediaFolder' ? 'Folder' : 'File'} deleted successfully`);
+            },
+        });
+    };
+    const handleEdit = (target) => {
+        setEditTarget(target);
+        setEditName(target.name);
+    };
+    const handleConfirmCreateFolder = async () => {
+        const folderName = newFolderName.trim();
+        if (!folderName)
+            return;
+        try {
+            setIsCreatingFolder(true);
+            await onCreateFolder(currentFolderId, folderName);
+            setIsCreateFolderDialogOpen(false);
+            setNewFolderName('');
+        }
+        finally {
+            setIsCreatingFolder(false);
+        }
+    };
+    const handleConfirmEdit = () => {
+        if (!editTarget)
+            return;
+        const nextName = editName.trim();
+        if (!nextName || nextName === editTarget.name) {
+            setEditTarget(null);
+            return;
+        }
+        updateMutation.mutate({
+            contentType: editTarget.contentType,
+            id: editTarget.id,
+            data: { name: nextName },
+        }, {
+            onSuccess: async () => {
+                await Promise.all([
+                    refetch(),
+                    refetchChildFolders(),
+                    refetchFoldersTree(),
+                ]);
+                setEditTarget(null);
+                toast.success(`${editTarget.contentType === 'MediaFolder' ? 'Folder' : 'File'} updated successfully`);
+            },
+        });
+    };
+    const handleConfirmMove = () => {
+        if (!moveTarget || !destinationFolderId)
+            return;
+        if (destinationFolderId === (moveTarget.currentFolderId ?? ROOT_FOLDER_VALUE)) {
+            setMoveTarget(null);
+            return;
+        }
+        const sourceFolderId = moveTarget.currentFolderId ?? null;
+        const targetFolderId = destinationFolderId === ROOT_FOLDER_VALUE ? null : destinationFolderId;
+        updateMutation.mutate({
+            contentType: 'Media',
+            id: moveTarget.id,
+            data: destinationFolderId === ROOT_FOLDER_VALUE
+                ? { folder: null }
+                : {
+                    folder: {
+                        type: 'existing',
+                        _id: destinationFolderId,
+                        contentType: 'MediaFolder',
+                    },
+                },
+        }, {
+            onSuccess: async () => {
+                await Promise.all([
+                    refetch(),
+                    ...['all', 'image', 'video', 'document'].flatMap((mediaType) => [sourceFolderId, targetFolderId].map((folderId) => queryClient.invalidateQueries({
+                        queryKey: createManagerQueryKey('manager.list', {
+                            contentType: 'Media',
+                            query: {
+                                filter: getMediaQueryFilter(folderId, mediaType),
+                                options: {
+                                    limit: 'all',
+                                    sort: {
+                                        uploadedAt: 'desc',
+                                    },
+                                },
+                            },
+                        }),
+                    }))),
+                ]);
+                setMoveTarget(null);
+                setDestinationFolderId('');
+                toast.success('File moved successfully');
+            },
+        });
+    };
+    const onRequestDelete = (item) => setDeleteTarget({
+        contentType: '_type' in item && item._type === 'Media' ? 'Media' : 'MediaFolder',
+        id: item._id,
+        name: item.name,
+    });
+    const onRequestEdit = (item) => handleEdit({
+        contentType: '_type' in item && item._type === 'Media' ? 'Media' : 'MediaFolder',
+        id: item._id,
+        name: item.name,
+    });
+    const onRequestMove = (item) => {
+        setMoveTarget({
+            id: item._id,
+            name: item.name,
+            currentFolderId: item.folder?._id,
+        });
+        setDestinationFolderId(item.folder?._id ?? ROOT_FOLDER_VALUE);
+    };
+    const ViewComponent = viewMode === 'list'
+        ? PreviewsListView
+        : viewMode === 'grid-sm'
+            ? PreviewsGridSmallView
+            : PreviewsGridLargeView;
+    const mediaPreviewContextValue = useMemo(() => ({
+        mediaCount: media.length,
+        isUploading,
+        mediaTypeFilter: effectiveMediaTypeFilter,
+        isMediaTypeFilterLocked,
+        setMediaTypeFilter,
+        viewMode,
+        setViewMode,
+        isSelected: (id) => selectedMediaIds?.has(id) ?? false,
+        onMediaClick,
+        onRequestEdit,
+        onRequestMove,
+        onRequestDelete,
+        renderPreview,
+        formatFileSize,
+    }), [
+        media.length,
+        isUploading,
+        effectiveMediaTypeFilter,
+        isMediaTypeFilterLocked,
+        viewMode,
+        selectedMediaIds,
+        onMediaClick,
+        onRequestEdit,
+        onRequestMove,
+        onRequestDelete,
+        renderPreview,
+    ]);
+    return (_jsx(ScrollArea, { className: 'h-[calc(100%-2.5rem)] w-full', children: _jsxs(MediaPreviewProvider, { value: mediaPreviewContextValue, children: [_jsxs("div", { className: 'mb-2 grid w-full grid-cols-2 gap-2 p-1 lg:grid-cols-6', children: [_jsxs(Button, { variant: 'outline', disabled: isCreatingFolder, size: 'lg', className: 'justify-start', onClick: () => {
+                                setIsCreateFolderDialogOpen(true);
+                            }, children: [_jsx(FolderPlus, { className: 'size-4' }), _jsx("span", { className: 'truncate', children: "Create folder" })] }), isLoadingChildFolders
+                            ? Array.from({ length: 4 }).map((_, index) => (_jsxs("div", { className: 'flex items-center gap-2 rounded-lg border bg-card p-2', children: [_jsx(Skeleton, { className: 'h-7 w-7 rounded-md' }), _jsx(Skeleton, { className: 'h-4 flex-1' })] }, `child-folder-skeleton-${index}`)))
+                            : childFoldersData?.items?.length
+                                ? childFoldersData.items.map((folder) => (_jsxs(ContextMenu, { children: [_jsx(ContextMenuTrigger, { asChild: true, children: _jsxs(Button, { type: 'button', variant: 'outline', size: 'lg', className: 'justify-start data-[state=open]:bg-accent/60 data-[state=open]:ring-1 data-[state=open]:ring-primary/30', onClick: () => setCurrentFolderId(folder._id), children: [_jsx(Folder, { className: 'size-4' }), _jsx("span", { className: 'truncate', children: folder.name })] }) }), _jsx(MediaContextMenuContent, { item: folder })] }, folder._id)))
+                                : null] }), _jsxs(FileUpload, { value: files, onValueChange: setFiles, onUpload: handleUpload, onFileReject: onFileReject, maxFiles: 5, className: 'relative w-full p-1', multiple: true, disabled: isUploading, children: [_jsx(PreviewsToolbar, {}), _jsx(FileUploadList, { className: 'mb-3', children: files.map((file) => (_jsxs(FileUploadItem, { value: file, children: [_jsx(FileUploadItemPreview, {}), _jsxs("div", { className: 'min-w-0 flex-1', children: [_jsx(FileUploadItemMetadata, {}), _jsx(FileUploadItemProgress, { className: 'mt-2' })] }), _jsx(FileUploadItemDelete, { className: 'rounded-md p-1 hover:bg-accent/40', children: _jsx(X, { className: 'size-4' }) })] }, file.name + file.lastModified))) }), _jsx(FileUploadDropzone, { asChild: true, tabIndex: -1, onClick: (event) => event.preventDefault(), className: 'group/dropzone relative w-full rounded-xl border border-transparent p-0 hover:bg-transparent! focus-visible:bg-transparent! data-dragging:border-primary/40 data-dragging:bg-transparent!', children: _jsxs("div", { className: 'relative w-full', children: [_jsx("div", { className: 'pointer-events-none absolute inset-0 z-20 flex items-center justify-center rounded-xl bg-background/50 opacity-0 backdrop-blur transition-opacity duration-200 ease-out group-data-dragging/dropzone:opacity-100', children: _jsxs("div", { className: 'flex flex-col items-center gap-1 text-center', children: [_jsx("div", { className: 'flex items-center justify-center rounded-full border p-2.5', children: _jsx(Upload, { className: 'size-6 text-muted-foreground' }) }), _jsx("p", { className: 'font-medium text-sm', children: "Drag & drop files here" }), _jsx("p", { className: 'text-muted-foreground text-xs', children: "Upload max 5 files each up to 5MB" })] }) }), isLoading ? _jsx(PreviewsViewLoader, { viewMode: viewMode }) : null, !isLoading && media.length === 0 ? (_jsx(Card, { className: 'w-full p-8 text-center text-muted-foreground text-sm', children: "No files in this folder yet." })) : null, !isLoading && media.length > 0 ? (_jsx(ViewComponent, { media: media })) : null] }) })] }), _jsx(MediaDeleteDialog, { target: deleteTarget, isLoading: deleteMutation.isPending, onClose: () => setDeleteTarget(null), onConfirm: handleConfirmDelete }), _jsx(MediaEditDialog, { target: editTarget, value: editName, isLoading: updateMutation.isPending, onValueChange: setEditName, onClose: () => setEditTarget(null), onConfirm: handleConfirmEdit }), _jsx(MediaMoveDialog, { target: moveTarget, folders: folderOptions, value: destinationFolderId, isLoading: updateMutation.isPending, onValueChange: setDestinationFolderId, onClose: () => {
+                        setMoveTarget(null);
+                        setDestinationFolderId('');
+                    }, onConfirm: handleConfirmMove }), _jsx(MediaCreateFolderDialog, { open: isCreateFolderDialogOpen, value: newFolderName, isLoading: isCreatingFolder, onValueChange: setNewFolderName, onClose: () => {
+                        setIsCreateFolderDialogOpen(false);
+                        setNewFolderName('');
+                    }, onConfirm: handleConfirmCreateFolder }), _jsx(ExpandedPreviewDialog, { preview: expandedPreview, previewUrl: expandedPreviewUrl, onClose: () => setExpandedPreview(null) })] }) }));
+}
+//# sourceMappingURL=Previews.js.map

package/dist/esm/components/media/previews/Previews.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Previews.js","sourceRoot":"","sources":["../../../../../src/components/media/previews/Previews.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/media/previews/context/MediaPreviewContext.d.ts

@@ -0,0 +1,27 @@
+import type { MediaRecord } from '../../../../lib/media.js';
+import type { FolderItem } from '../../contexts/MediaLibraryContext.js';
+export type MediaTypeFilter = 'all' | 'image' | 'video' | 'document';
+export type ViewMode = 'list' | 'grid-sm' | 'grid-lg';
+type MediaPreviewContextValue = {
+    mediaCount: number;
+    isUploading: boolean;
+    mediaTypeFilter: MediaTypeFilter;
+    isMediaTypeFilterLocked: boolean;
+    setMediaTypeFilter: (value: MediaTypeFilter) => void;
+    viewMode: ViewMode;
+    setViewMode: (value: ViewMode) => void;
+    isSelected: (id: string) => boolean;
+    onMediaClick: (media: MediaRecord) => void;
+    onRequestEdit: (item: MediaRecord | FolderItem) => void;
+    onRequestMove: (item: MediaRecord) => void;
+    onRequestDelete: (item: MediaRecord | FolderItem) => void;
+    renderPreview: (item: MediaRecord, className?: string) => React.ReactNode;
+    formatFileSize: (bytes: number) => string;
+};
+export declare function MediaPreviewProvider({ value, children, }: {
+    value: MediaPreviewContextValue;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useMediaPreview(): MediaPreviewContextValue;
+export {};
+//# sourceMappingURL=MediaPreviewContext.d.ts.map

package/dist/esm/components/media/previews/context/MediaPreviewContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaPreviewContext.d.ts","sourceRoot":"","sources":["../../../../../../src/components/media/previews/context/MediaPreviewContext.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iDAAiD,CAAA;AAEjF,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,CAAA;AACpE,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;AAErD,KAAK,wBAAwB,GAAG;IAC9B,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,OAAO,CAAA;IACpB,eAAe,EAAE,eAAe,CAAA;IAChC,uBAAuB,EAAE,OAAO,CAAA;IAChC,kBAAkB,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;IACpD,QAAQ,EAAE,QAAQ,CAAA;IAClB,WAAW,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAA;IACtC,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAA;IACnC,YAAY,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IAC1C,aAAa,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,UAAU,KAAK,IAAI,CAAA;IACvD,aAAa,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAA;IAC1C,eAAe,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,UAAU,KAAK,IAAI,CAAA;IACzD,aAAa,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACzE,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;CAC1C,CAAA;AAID,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,wBAAwB,CAAA;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,2CAMA;AAED,wBAAgB,eAAe,6BAQ9B"}