@emailmaker/filemanager 0.0.5 → 0.0.6

package/components/FileManagerApp/FileManagerApp.d.ts

@@ -2,4 +2,4 @@ import React from 'react';
 import { FileManagerProps } from '../../types';
 import '../../styles/index.scss';
 import '../../styles/variables.css';
-export declare const FileManagerApp: React.MemoExoticComponent<({ config, onPathChange, onChangeSelection, searchQuery, sortBySize, apiEndpoints, customIcons, dragDropIcon, dataProviders, publicPath, notification }: FileManagerProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const FileManagerApp: React.MemoExoticComponent<({ config, onPathChange, onChangeSelection, onEditorOk, searchQuery, sortBySize, apiEndpoints, customIcons, dragDropIcon, dataProviders, publicPath, notification }: FileManagerProps) => import("react/jsx-runtime").JSX.Element>;

package/components/PixieEditor/PixieEditorIframe.d.ts

@@ -4,7 +4,7 @@ interface PixieEditorIframeProps {
     visible: boolean;
     onClose: () => void;
     file: AppFile | ThumbnailFile | null;
-    onSave: (updatedFile: AppFile) => Promise<void>;
+    onSave: (updatedFile: AppFile) => Promise<AppFile | void>;
 }
 export declare const PixieEditorIframe: React.FC<PixieEditorIframeProps>;
 export {};

package/file-manager.d.ts

@@ -7,6 +7,7 @@ export interface Options {
     config?: Config;
     currentPath?: string;
     onPathChange?: (path: string[]) => void;
+    onEditorOk?: (file: File) => void;
     searchQuery?: string;
     sortBySize?: string;
     apiEndpoints?: {
@@ -25,6 +26,7 @@ export interface FileManagerAppProps {
     currentPath?: string;
     onPathChange?: (path: string[]) => void;
     onChangeSelection?: (files: File[]) => void;
+    onEditorOk?: (file: File) => void;
     searchQuery?: string;
     sortBySize?: string;
     dataProviders?: FileManagerDataProviders;

package/file-manager.esm.js

@@ -24633,26 +24633,24 @@ const usePixieEditor = ({ files, selectedFiles, fetchFiles, selectedFolder }) =>
         // Используем dataProvider как основной метод
         if ((dataProviders === null || dataProviders === void 0 ? void 0 : dataProviders.uploadFile) && updatedFile.thumbnail) {
             try {
-                await dataProviders.uploadFile(Object.assign(Object.assign({}, updatedFile), { type: updatedFile.type || '', data: await fetch(updatedFile.thumbnail).then(res => res.blob()) }));
-                return true;
+                return await dataProviders.uploadFile(Object.assign(Object.assign({}, updatedFile), { type: updatedFile.type || '', data: await fetch(updatedFile.thumbnail).then(res => res.blob()) }));
             }
             catch (error) {
                 console.error('Ошибка при сохранении файла через uploadFile:', error);
-                return false;
+                return null;
             }
         }
         else if (dataProviders === null || dataProviders === void 0 ? void 0 : dataProviders.renameFile) {
             try {
-                await dataProviders.renameFile(updatedFile.id, updatedFile.name);
-                return true;
+                return await dataProviders.renameFile(updatedFile.id, updatedFile.name);
             }
             catch (error) {
                 console.error('Ошибка при переименовании файла:', error);
-                return false;
+                return null;
             }
         }
         console.warn('DataProvider для обновления файлов не настроен');
-        return false;
+        return null;
     }, [options]);
     // Открытие Pixie редактора
     const handleEdit = React.useCallback((fileForEdit) => {
@@ -24676,14 +24674,15 @@ const usePixieEditor = ({ files, selectedFiles, fetchFiles, selectedFolder }) =>
     const handlePixieEditorSave = React.useCallback(async (updatedFile) => {
         console.log('Файл обновлен:', updatedFile);
         try {
-            const saveSuccess = await saveFileToServer(updatedFile);
-            if (saveSuccess) {
+            const savedFile = await saveFileToServer(updatedFile);
+            if (savedFile) {
                 await fetchFiles({ folderId: selectedFolder || undefined });
                 notification.success({
                     message: 'Успех',
                     description: 'Изображение успешно обновлено',
                 });
                 handlePixieEditorClose();
+                return savedFile;
             }
         }
         catch (error) {
@@ -25380,7 +25379,7 @@ const PixieEditorIframe = ({ visible, onClose, file, onSave }) => {
         if (!visible)
             return;
         const handleMessage = async (event) => {
-            var _a;
+            var _a, _b;
             if (event.origin !== window.location.origin)
                 return;
             try {
@@ -25402,9 +25401,13 @@ const PixieEditorIframe = ({ visible, onClose, file, onSave }) => {
                             try {
                                 const base64Data = imageData.split(',')[1];
                                 const updatedFile = Object.assign(Object.assign({}, savedFile), { thumbnail: imageData, size: base64Data.length.toString(), date: new Date().toISOString().split('T')[0] });
-                                await onSave(updatedFile);
+                                const result = await onSave(updatedFile);
+                                if (!result) {
+                                    throw new Error();
+                                }
                                 message.success('Изображение успешно сохранено');
                                 onClose();
+                                (_b = options.onEditorOk) === null || _b === void 0 ? void 0 : _b.call(options, result);
                             }
                             catch (error) {
                                 console.error('Ошибка сохранения:', error);
@@ -27001,7 +27004,7 @@ const FileManagerContent = () => {
                     left: `${sidebarResize.resizeGuidePosition}px`,
                 } })), jsx(ActionsHeader, { selectedFiles: selectedFiles || new Set(), onClearSelection: fileActions.handleClearSelection, onRename: fileActions.handleRename, onDelete: fileActions.handleDeleteSelected, onCopy: fileActions.handleCopy, onMove: fileActions.handleMove, onEdit: fileActions.handleEdit, files: files || [] }), jsx(Divider, { className: "zero-divider" }), jsxs(Layout, { className: "file-manager__content", children: [jsxs(Sider, { width: sidebarResize.sidebarWidth, theme: "light", className: "file-manager-sider", children: [jsx(FolderSidebar, { ref: folderSidebarRef, selectedFolder: selectedFolder || null, generateMenuItems: generateMenuItems, onFolderSelect: (folderId) => handleFolderSelect === null || handleFolderSelect === void 0 ? void 0 : handleFolderSelect(folderId), folders: folders || [], fetchFolders: fetchFolders, handleAddFile: handleAddFileWithRefresh, setIsUrlModalVisible: (visible) => setIsUrlModalVisible === null || setIsUrlModalVisible === void 0 ? void 0 : setIsUrlModalVisible(visible), handleDeleteFolder: handleDeleteFolderWithRefresh, handleCreateFolder: handleCreateFolder, activeLibraryItem: activeLibraryItem, setActiveLibraryItem: (item) => setActiveLibraryItem === null || setActiveLibraryItem === void 0 ? void 0 : setActiveLibraryItem(item) }), jsx("div", { className: `sidebar-resizer ${sidebarResize.isResizing ? 'resizing' : ''}`, onMouseDown: sidebarResize.handleResizeStart, onDoubleClick: sidebarResize.handleDoubleClick, children: jsx("div", { className: "sidebar-resizer-indicator" }) })] }), jsx(Layout, { className: "", children: jsxs(Content, { className: "main-content", ref: aiTabRef, children: [activeLibraryItem === MY_FILES && (jsx(FileContent, { searchTerm: searchTerm, sortField: state.sortField || 'name', setSortField: (field) => setSortField === null || setSortField === void 0 ? void 0 : setSortField(field), pathHistory: pathHistory || [], handleBreadcrumbClick: (index) => handleBreadcrumbClick === null || handleBreadcrumbClick === void 0 ? void 0 : handleBreadcrumbClick(index), handleAddFile: handleAddFileWithRefresh, setIsUrlModalVisible: (visible) => setIsUrlModalVisible === null || setIsUrlModalVisible === void 0 ? void 0 : setIsUrlModalVisible(visible), files: files || [], handleSearch: handleSearch, handleSort: handleSort, sortBy: sortBy, sortOrder: sortOrder, handleSortOptionChange: handleSortOptionChange, pagination: pagination, setPagination: handlePaginationChangeWrap, loading: loading, handleItemClick: (record) => handleItemClick === null || handleItemClick === void 0 ? void 0 : handleItemClick(record), handleDeleteFile: handleDeleteFileWithRefresh, selectedFiles: selectedFiles || new Set(), toggleFileSelection: (fileId) => toggleFileSelection === null || toggleFileSelection === void 0 ? void 0 : toggleFileSelection(fileId), handleDroppedFiles: handleDroppedFilesWithRefresh, fileUpload: fileUpload })), activeLibraryItem === GIF && (jsx(ImageGif, { imageGifList: imageGifList, setImageGifList: setImageGifList, currentReqGif: currentReqGif, setCurrentReqGif: setCurrentReqGif, inputRef: inputGifRef, customRequest: handleAddFileByUrl })), activeLibraryItem === STOCK_IMAGES && (jsx(ImageStock, { imageStockList: imageStockList, setImageStockList: setImageStockList, currentReq: currentReq, setCurrentReq: setCurrentReq, inputRef: inputStockRef, customRequest: handleAddFileByUrl })), activeLibraryItem === AI && !!(config === null || config === void 0 ? void 0 : config.sseQuery) && (jsx(ImageAI, { imageAiList: imageAiList, setImageAiList: setImageAiList, aiImageRequest: aiImageRequest, setAiImageRequest: setAiImageRequest, inputAiRef: inputAiRef, customRequest: (args) => uploadFileWithProvider(args.file), isLoadingAi: isLoadingAi, setIsLoadingAi: setIsLoadingAi, isImageUploaded: isImageUploaded, setIsImageUploaded: setIsImageUploaded, aiTabRef: aiTabRef })), activeLibraryItem === EDITOR && jsx(Fragment, {})] }) })] }), jsx(FileModals, { isModalVisible: isModalVisible, handleModalOk: handleModalOk, handleModalCancel: handleModalCancel, form: form, selectedFolder: selectedFolder || null, folders: folders || [], isUrlModalVisible: isUrlModalVisible, setIsUrlModalVisible: (visible) => setIsUrlModalVisible === null || setIsUrlModalVisible === void 0 ? void 0 : setIsUrlModalVisible(visible), handleAddFileByUrl: handleAddFileByUrlWithRefresh, urlForm: urlForm, isRenameModalVisible: isRenamingFile, handleRenameOk: () => handleRenameOk === null || handleRenameOk === void 0 ? void 0 : handleRenameOk(), handleRenameCancel: () => handleRenameCancel === null || handleRenameCancel === void 0 ? void 0 : handleRenameCancel(), renameForm: renameForm, fileToRename: fileToRename, files: files || [], isMoveModalVisible: isMoveModalVisible, handleMoveOk: handleMoveOk, handleMoveCancel: handleMoveCancel, moveForm: moveForm, selectedFiles: selectedFiles || new Set(), isRenameFolderModalVisible: isRenameFolderModalVisible, handleRenameFolderOk: handleRenameFolderOk, handleRenameFolderCancel: handleRenameFolderCancel, renameFolderForm: renameFolderForm, folderToRename: folderToRename, isCopyModalVisible: isCopyModalVisible, handleCopyOk: filesHook.actions.handleCopyOk || (() => Promise.resolve()), handleCopyCancel: filesHook.actions.handleCopyCancel || (() => { }), copyForm: copyForm }), jsx(PixieEditorIframe, { visible: pixieEditor.isPixieEditorVisible, onClose: pixieEditor.handlePixieEditorClose, file: pixieEditor.editingFile, onSave: pixieEditor.handlePixieEditorSave }), jsx(UploadProgress, { files: fileUpload.uploadFiles, visible: fileUpload.isUploadVisible, minimized: fileUpload.isUploadMinimized, totalFiles: fileUpload.totalFiles, completedFiles: fileUpload.completedFiles, onClose: fileUpload.closeUpload, onMinimize: fileUpload.minimizeUpload, onInsert: fileUpload.insertFile })] }));
 };
-const FileManagerApp = memo(({ config = {}, onPathChange, onChangeSelection, searchQuery = '', sortBySize = 'name', apiEndpoints = {}, customIcons, dragDropIcon, dataProviders, publicPath, notification }) => {
+const FileManagerApp = memo(({ config = {}, onPathChange, onChangeSelection, onEditorOk, searchQuery = '', sortBySize = 'name', apiEndpoints = {}, customIcons, dragDropIcon, dataProviders, publicPath, notification }) => {
     React__default.useEffect(() => {
         if (config.theme) {
             setTheme(config.theme);
@@ -27029,6 +27032,7 @@ const FileManagerApp = memo(({ config = {}, onPathChange, onChangeSelection, sea
                             sortBySize,
                             onPathChange,
                             onChangeSelection,
+                            onEditorOk,
                             config,
                             customIcons,
                             dragDropIcon,