@emailmaker/filemanager 0.10.14 → 0.10.16

package/file-manager.css

@@ -97,6 +97,7 @@
 .em-filemanager .fileManagerTableFolderInner {
   display: flex;
   align-items: center;
+  justify-content: center;
   width: 100%;
   height: 100%;
 }
@@ -133,6 +134,7 @@
   position: relative;
   text-overflow: ellipsis;
   overflow: hidden;
+  display: block;
 }
 
 .em-filemanager .tableMenu {
@@ -153,6 +155,10 @@
   width: 44px;
   height: 44px;
 }
+.em-filemanager .tableFolderIcon > svg {
+  width: 100%;
+  height: 100%;
+}
 
 .em-filemanager .buttonDeselected {
   margin-left: 12px;
@@ -246,6 +252,12 @@
 
 .em-filemanager .gridFolderIconImage {
   color: var(--colorPrimary);
+  width: 64px;
+  height: 64px;
+}
+.em-filemanager .gridFolderIconImage > svg {
+  width: 100%;
+  height: 100%;
 }
 
 .em-filemanager .gridFileName {
@@ -424,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 {
@@ -481,7 +522,6 @@
 
 .em-filemanager .folderLabelItem {
   font-size: 14px;
-  font-weight: 400;
   white-space: nowrap; /* Запрещаем перенос строк */
   overflow: hidden; /* Скрываем переполнение */
   text-overflow: ellipsis; /* Показываем троеточие */
@@ -489,7 +529,6 @@
   min-width: 0; /* Позволяет сжиматься */
   -webkit-user-select: none;
           user-select: none;
-  margin-left: 8px;
 }
 
 .em-filemanager .foldersTitleItem {
@@ -546,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;
@@ -663,7 +702,6 @@
 
 .em-filemanager .folderLabelItem {
   font-size: 14px;
-  font-weight: 400;
   white-space: nowrap; /* Запрещаем перенос строк */
   overflow: hidden; /* Скрываем переполнение */
   text-overflow: ellipsis; /* Показываем троеточие */
@@ -671,7 +709,6 @@
   min-width: 0; /* Позволяет сжиматься */
   -webkit-user-select: none;
           user-select: none;
-  margin-left: 8px;
 }
 
 .em-filemanager .foldersTitleItem {
@@ -731,6 +768,7 @@
 }
 .em-filemanager .buttonWrapper > :last-child {
   width: 40px;
+  height: 40px;
   flex-shrink: 0;
 }
 
@@ -1698,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;
@@ -1839,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;
@@ -62,6 +68,11 @@ export interface InitPixieEditorOptions {
     onClose?: () => void;
     theme?: Config['theme'];
     locale?: string;
+    baseUrl?: string;
+    assetsUrl?: string;
+    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;