@emailmaker/filemanager 0.10.66 → 0.10.68

package/hooks/core/files/index.d.ts

@@ -1,4 +1,5 @@
 export { useFilesAPI, type UseFilesAPIActions } from './useFilesAPI';
 export { useFilesSelection, type UseFilesSelectionState, type UseFilesSelectionActions } from './useFilesSelection';
+export { useFileSelectionStore, type FileSelectionToggleOptions } from './useFileSelectionStore';
 export { useFilesModals, type UseFilesModalsState, type UseFilesModalsActions } from './useFilesModals';
 export * from './useFilesAPIHelpers';

package/hooks/core/files/useFileSelectionStore.d.ts

@@ -0,0 +1,32 @@
+import type { File as AppFile } from '../../../types';
+export interface FileSelectionToggleOptions {
+    metaKey?: boolean;
+    ctrlKey?: boolean;
+    shiftKey?: boolean;
+    forceToggle?: boolean;
+}
+interface FileSelectionStoreState {
+    selectedFiles: Set<string>;
+    visibleFileIds: string[];
+    anchorId: string | null;
+    multiSelect: boolean;
+}
+interface FileSelectionStoreActions {
+    setMultiSelect: (enabled: boolean) => void;
+    syncVisibleFiles: (files: AppFile[]) => void;
+    setSelectedFiles: (selectedFiles: Set<string>) => void;
+    clearSelection: () => void;
+    selectAllVisible: () => void;
+    toggleFileSelection: (fileId: string, opts?: FileSelectionToggleOptions) => void;
+}
+type FileSelectionStore = FileSelectionStoreState & FileSelectionStoreActions;
+/**
+ * Централизованный store для selection.
+ *
+ * Почему здесь отдельный store, а не общий React context:
+ * - selection меняется очень часто;
+ * - список должен подписываться на selection максимально узко;
+ * - элементы, которых больше нет на текущем экране, должны автоматически выпадать из selection.
+ */
+export declare const useFileSelectionStore: import("zustand").UseBoundStore<import("zustand").StoreApi<FileSelectionStore>>;
+export {};

package/hooks/core/types.d.ts

@@ -17,7 +17,6 @@ export interface FileManagerState {
     sortBy: SortByType;
     sortOrder: SortOrderType;
     pathHistory: PathItem[];
-    selectedFiles: Set<string>;
     currentMenuFile: string;
     loading: boolean;
     pagination: PaginationState;
@@ -52,7 +51,6 @@ export interface FileManagerActions {
     setSortBy: (sortBy: SortByType) => void;
     setSortOrder: (sortOrder: SortOrderType) => void;
     setPathHistory: (history: PathItem[]) => void;
-    setSelectedFiles: (files?: Set<string>) => void;
     setCurrentMenuFile: (file: string) => void;
     setLoading: (isLoading: boolean) => void;
     setPagination: (pagination: Partial<PaginationState>) => void;
@@ -141,7 +139,6 @@ export interface FileManagerContextType {
     sortBy: SortByType;
     sortOrder: SortOrderType;
     pathHistory: PathItem[];
-    selectedFiles: Set<string>;
     loading: boolean;
     pagination: PaginationState;
     searchQuery: string;

package/hooks/useFileActions.d.ts

@@ -1,14 +1,7 @@
 import { File as AppFile, ThumbnailFile } from '../types';
 interface UseFileActionsProps {
     files: AppFile[];
-    selectedFiles: Set<string>;
-    currentMenuFile: string;
-    toggleFileSelection: (fileId: string, opts?: {
-        metaKey?: boolean;
-        ctrlKey?: boolean;
-        shiftKey?: boolean;
-        forceToggle?: boolean;
-    }) => void;
+    clearSelection: () => void;
     showRenameModal: (fileId: string) => void;
     showMoveModal: () => void;
     showCopyModal: () => void;
@@ -17,7 +10,7 @@ interface UseFileActionsProps {
     showDeleteConfirm?: () => void;
     onEdit: (file?: AppFile | ThumbnailFile) => void;
 }
-export declare const useFileActions: ({ files, selectedFiles, toggleFileSelection, showRenameModal, showMoveModal, showCopyModal, handleDeleteFile, handleDeleteFolder, showDeleteConfirm, onEdit, }: UseFileActionsProps) => {
+export declare const useFileActions: ({ files, clearSelection, showRenameModal, showMoveModal, showCopyModal, handleDeleteFile, handleDeleteFolder, showDeleteConfirm, onEdit, }: UseFileActionsProps) => {
     handleClearSelection: () => void;
     handleRename: (selectedFileId?: string) => void;
     handleDeleteSelected: (file: AppFile | undefined) => void;

package/hooks/usePixieEditor.d.ts

@@ -2,11 +2,10 @@ import type { PixieSavePayload } from '../types';
 import { File as AppFile, FilesQueryParams, ThumbnailFile } from '../types';
 interface UsePixieEditorProps {
     files: AppFile[];
-    selectedFiles: Set<string>;
     fetchFiles: (params?: FilesQueryParams) => Promise<void>;
     selectedFolder: string | null;
 }
-export declare const usePixieEditor: ({ files, selectedFiles, fetchFiles, selectedFolder }: UsePixieEditorProps) => {
+export declare const usePixieEditor: ({ files, fetchFiles, selectedFolder }: UsePixieEditorProps) => {
     isPixieEditorVisible: boolean;
     editingFile: ThumbnailFile | AppFile | null;
     handleEdit: (fileForEdit?: ThumbnailFile | AppFile) => void;