@emailmaker/filemanager 0.10.15 → 0.10.17

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.scss';
-export declare const FileManagerApp: React.MemoExoticComponent<({ config, onPathChange, onChangeSelection, onEditorOk, searchQuery, sortBySize, apiEndpoints, customIcons, dragDropIcon, dataProviders, notification, }: FileManagerProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const FileManagerApp: React.MemoExoticComponent<({ config, onPathChange, onChangeSelection, onEditorOk, searchQuery, sortBySize, apiEndpoints, customIcons, dragDropIcon, dataProviders, handleNotify, handleError, handleSuccess }: FileManagerProps) => import("react/jsx-runtime").JSX.Element>;

package/components/PixieEditor/backgroundColor.d.ts

@@ -0,0 +1,2 @@
+import { Pixie } from 'pixie';
+export declare function patchBackgroundColor(pixieInstance: Pixie): void;

package/constants/errors.d.ts

@@ -0,0 +1,47 @@
+/**
+ * Коды ошибок для FileManager API.
+ * Используются для идентификации причины ошибки независимо от UI.
+ */
+export declare const FileManagerErrorCode: {
+    readonly FileNotFound: "FileNotFound";
+    readonly FileAlreadyExists: "FileAlreadyExists";
+    readonly FileInvalidName: "FileInvalidName";
+    readonly FileAccessDenied: "FileAccessDenied";
+    readonly FileReadError: "FileReadError";
+    readonly FileWriteError: "FileWriteError";
+    readonly FileUploadQuotaExceeded: "FileUploadQuotaExceeded";
+    readonly FileUploadNetworkError: "FileUploadNetworkError";
+    readonly FileDownloadNetworkError: "FileDownloadNetworkError";
+    readonly FileBackendError: "FileBackendError";
+    readonly FileTimeout: "FileTimeout";
+    readonly FolderNotFound: "FolderNotFound";
+    readonly FolderAlreadyExists: "FolderAlreadyExists";
+    readonly FolderInvalidName: "FolderInvalidName";
+    readonly FolderAccessDenied: "FolderAccessDenied";
+    readonly FolderReadError: "FolderReadError";
+    readonly FolderWriteError: "FolderWriteError";
+    readonly FolderQuotaExceeded: "FolderQuotaExceeded";
+    readonly FolderBackendError: "FolderBackendError";
+    readonly FolderTimeout: "FolderTimeout";
+    readonly RenameNotAllowed: "RenameNotAllowed";
+    readonly MoveNotAllowed: "MoveNotAllowed";
+    readonly CopyNotAllowed: "CopyNotAllowed";
+    readonly DeleteNotAllowed: "DeleteNotAllowed";
+    readonly MoveIntoSelf: "MoveIntoSelf";
+    readonly MoveIntoDescendant: "MoveIntoDescendant";
+    readonly BatchPartialFailure: "BatchPartialFailure";
+    readonly BatchAllFailed: "BatchAllFailed";
+    readonly BatchConflict: "BatchConflict";
+    readonly NetworkError: "NetworkError";
+    readonly BackendError: "BackendError";
+    readonly Timeout: "Timeout";
+    readonly AuthenticationFailed: "AuthenticationFailed";
+    readonly AuthorizationFailed: "AuthorizationFailed";
+    readonly AIResponseInvalid: "AIResponseInvalid";
+    readonly AIImageGenerationFailed: "AIImageGenerationFailed";
+    readonly AIImageGenerationLimitExceeded: "AIImageGenerationLimitExceeded";
+};
+/**
+ * Тип всех кодов ошибок FileManager
+ */
+export type FileManagerErrorCode = typeof FileManagerErrorCode[keyof typeof FileManagerErrorCode];

package/constants/index.d.ts

@@ -3,6 +3,10 @@ export declare const GIF: "gif";
 export declare const STOCK_IMAGES: "stock_images";
 export declare const AI: "ai";
 export declare const EDITOR: "editor";
+export declare const LIGHT = "light";
+export declare const DARK = "dark";
+export declare const SYSTEM = "system";
+export declare const PREFERS_COLOR_SCHEME_DARK = "(prefers-color-scheme: dark)";
 export declare const PLUGIN: {
     isPlugin: boolean;
 };

package/file-manager.css

@@ -134,6 +134,7 @@
   position: relative;
   text-overflow: ellipsis;
   overflow: hidden;
+  display: block;
 }
 
 .em-filemanager .tableMenu {
@@ -435,34 +436,63 @@
   justify-content: space-between;
   align-items: center;
   width: 100%;
+  min-width: 0; /* Позволяет flex-элементам сжиматься */
 }
 .em-filemanager .folderTree .folderItemContainer .folderLabel {
   display: flex;
   align-items: center;
   gap: 8px;
+  padding: 0 8px;
+  flex: 1;
+  min-width: 0; /* Позволяет сжиматься */
+  overflow: hidden; /* Скрываем переполнение */
+  /* Иконки не должны сжиматься */
+}
+.em-filemanager .folderTree .folderItemContainer .folderLabel > svg,
+.em-filemanager .folderTree .folderItemContainer .folderLabel > *:first-child {
+  flex-shrink: 0;
 }
 .em-filemanager .folderTree .folderItemContainer .folderLabel .folderLabelItem {
   font-size: 14px;
-  display: flex;
-  justify-content: space-between;
+  white-space: nowrap; /* Запрещаем перенос строк */
+  overflow: hidden; /* Скрываем переполнение */
+  text-overflow: ellipsis; /* Показываем троеточие */
+  flex: 1; /* Занимает доступное место */
+  min-width: 0; /* Позволяет сжиматься */
 }
 .em-filemanager .folderTree .folderItemContainer .fileCount {
   color: #666;
   font-size: 12px;
   min-width: 20px;
+  flex-shrink: 0; /* Запрещаем сжатие счетчика */
 }
 .em-filemanager .folderTree .foldersTitle {
   cursor: pointer;
   width: 100%;
+  min-width: 0; /* Позволяет сжиматься */
+  overflow: hidden; /* Скрываем переполнение */
 }
 .em-filemanager .folderTree .foldersTitle .foldersTitleItem {
   display: flex;
   align-items: center;
   gap: 8px;
+  padding: 0 8px;
+  flex: 1;
+  min-width: 0; /* Позволяет сжиматься */
+  overflow: hidden; /* Скрываем переполнение */
+  /* Иконки не должны сжиматься */
+}
+.em-filemanager .folderTree .foldersTitle .foldersTitleItem > svg,
+.em-filemanager .folderTree .foldersTitle .foldersTitleItem > *:first-child {
+  flex-shrink: 0;
 }
 .em-filemanager .folderTree .foldersTitle .foldersTitleItem .folderLabelItem {
   font-size: 14px;
-  font-weight: 500;
+  white-space: nowrap; /* Запрещаем перенос строк */
+  overflow: hidden; /* Скрываем переполнение */
+  text-overflow: ellipsis; /* Показываем троеточие */
+  flex: 1; /* Занимает доступное место */
+  min-width: 0; /* Позволяет сжиматься */
 }
 
 .em-filemanager .folderSelectionTree {
@@ -492,7 +522,6 @@
 
 .em-filemanager .folderLabelItem {
   font-size: 14px;
-  font-weight: 400;
   white-space: nowrap; /* Запрещаем перенос строк */
   overflow: hidden; /* Скрываем переполнение */
   text-overflow: ellipsis; /* Показываем троеточие */
@@ -500,7 +529,6 @@
   min-width: 0; /* Позволяет сжиматься */
   -webkit-user-select: none;
           user-select: none;
-  margin-left: 8px;
 }
 
 .em-filemanager .foldersTitleItem {
@@ -557,8 +585,8 @@
 
 .em-filemanager .folderActions {
   position: absolute;
-  top: 6px; /* Выравниваем по заголовку Folders */
-  right: 6px;
+  top: 4px; /* Выравниваем по заголовку Folders */
+  right: 4px;
   display: flex;
   align-items: center;
   gap: 4px;
@@ -674,7 +702,6 @@
 
 .em-filemanager .folderLabelItem {
   font-size: 14px;
-  font-weight: 400;
   white-space: nowrap; /* Запрещаем перенос строк */
   overflow: hidden; /* Скрываем переполнение */
   text-overflow: ellipsis; /* Показываем троеточие */
@@ -682,7 +709,6 @@
   min-width: 0; /* Позволяет сжиматься */
   -webkit-user-select: none;
           user-select: none;
-  margin-left: 8px;
 }
 
 .em-filemanager .foldersTitleItem {
@@ -1710,8 +1736,8 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 4px 0;
-  border-radius: 4px;
+  padding: 0;
+  border-radius: calc(var(--borderRadius) * 1px);
   transition: background-color 0.2s ease;
   width: 100%;
   margin-bottom: 0;
@@ -1851,10 +1877,13 @@
 .em-filemanager .ant-tree {
   background: none;
 }
+.em-filemanager .ant-tree .ant-tree-list-holder-inner {
+  gap: 3px;
+}
 .em-filemanager .ant-tree .ant-tree-treenode {
   margin: 0;
-  height: 44px;
-  line-height: 44px;
+  height: 40px;
+  line-height: 40px;
   display: flex;
   padding: 0 12px;
   overflow: hidden;

package/file-manager.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { Config, CustomIcons, File, FileManagerDataProviders, ThumbnailFile } from './types';
+import type { Config, CustomIcons, File, FileManagerDataProviders, NotifyListener, Notify, NotifyEvent, ThumbnailFile } from './types';
 import 'antd/dist/reset.css';
 import './styles/index.scss';
 export declare const FileManagerAppWithContext: (props: FileManagerAppProps) => import("react/jsx-runtime").JSX.Element;
@@ -24,6 +24,9 @@ export interface Options {
     };
     customIcons?: CustomIcons;
     dragDropIcon?: string;
+    handleNotify?: NotifyListener<NotifyEvent>;
+    handleError?: NotifyListener<Notify.ErrorEvent>;
+    handleSuccess?: NotifyListener<Notify.SuccessEvent>;
 }
 export interface FileManagerAppProps {
     config?: Config;
@@ -47,6 +50,9 @@ export interface FileManagerAppProps {
     };
     customIcons?: CustomIcons;
     dragDropIcon?: string;
+    handleNotify?: NotifyListener<NotifyEvent>;
+    handleError?: NotifyListener<Notify.ErrorEvent>;
+    handleSuccess?: NotifyListener<Notify.SuccessEvent>;
 }
 export declare const init: (containerOrOptions: HTMLElement | Options, config?: Config) => void;
 export declare const unmount: (container: HTMLElement) => void;
@@ -64,6 +70,10 @@ export interface InitPixieEditorOptions {
     locale?: string;
     baseUrl?: string;
     assetsUrl?: string;
+    showNotifications?: boolean;
+    handleNotify?: NotifyListener<NotifyEvent>;
+    handleError?: NotifyListener<Notify.ErrorEvent>;
+    handleSuccess?: NotifyListener<Notify.SuccessEvent>;
 }
 export declare const PixieOnlyApp: React.FC<Omit<InitPixieEditorOptions, 'element'>>;
 export declare const initPixieEditor: (options: InitPixieEditorOptions) => void;