@emailmaker/filemanager 0.10.25 → 0.10.26

package/components/NoFilesMessage/NoFilesMessage.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const NoFilesMessage: React.FC;

package/file-manager.css

@@ -1,3 +1,31 @@
+.em-filemanager .noFilesContainer {
+  text-align: center;
+}
+
+.em-filemanager .noFilesImage {
+  margin: calc(var(--marginLG) * 1px) auto;
+}
+.em-filemanager .noFilesImage > svg {
+  width: 100%;
+  height: 100%;
+}
+
+.em-filemanager .noFilesTitle {
+  text-align: center;
+  color: var(--colorTextSecondary);
+  padding: 0 calc(var(--marginLG) * 1px);
+  font-weight: 700;
+  line-height: 1;
+}
+
+.em-filemanager .noFiles {
+  text-align: center;
+  color: #999;
+  padding: 0 calc(var(--marginLG) * 1px);
+  line-height: 1.5;
+  margin: auto;
+  max-width: 420px;
+}
 .em-filemanager .contentLayout {
   display: flex;
   flex-direction: column;
@@ -97,7 +125,7 @@
 .em-filemanager .fileManagerTableFolderInner {
   display: flex;
   align-items: center;
-  justify-content: center;
+  justify-content: flex-start;
   width: 100%;
   height: 100%;
 }
@@ -417,14 +445,6 @@
   text-align: center;
   pointer-events: none;
 }
-
-.em-filemanager .noFiles {
-  text-align: center;
-  color: #999;
-  padding: calc(var(--marginLG) * 1px);
-  line-height: 1.3;
-  font-style: italic;
-}
 @charset "UTF-8";
 .em-filemanager .folderTree .emptyFolderContainer {
   text-align: center;
@@ -1148,14 +1168,6 @@
   color: var(--colorSecondary);
   line-height: 1.2;
 }
-
-.em-filemanager .noFiles {
-  text-align: center;
-  color: #999;
-  padding: 0 calc(var(--marginLG) * 1px);
-  line-height: 1.3;
-  font-style: italic;
-}
 .em-filemanager .stockTab {
   height: 100%;
 }
@@ -1305,6 +1317,9 @@
   font-size: 0;
   border-width: 1px;
 }
+.em-filemanager .stockColorFilter label::before, .em-filemanager .stockColorFilter [class^=ant-radio]::before {
+  display: none;
+}
 .em-filemanager .stockColorFilter label.allColors, .em-filemanager .stockColorFilter [class^=ant-radio].allColors {
   background-image: linear-gradient(135deg, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #8b00ff);
 }
@@ -1370,14 +1385,6 @@
   line-height: 1.2;
 }
 
-.em-filemanager .noFiles {
-  text-align: center;
-  color: #999;
-  padding: 0 calc(var(--marginLG) * 1px);
-  line-height: 1.3;
-  font-style: italic;
-}
-
 .em-filemanager .dark .stockTab .listItem {
   border: 1px solid #2b2b2b;
   background: #2b2b2b;
@@ -1856,8 +1863,10 @@
 }
 .em-filemanager .file-manager__layout .content-layout {
   flex: 1 1 auto;
-  min-height: 0; /* чтобы внутренние скроллы работали корректно */
-  display: flex; /* если внутри тоже колонки/скроллы */
+  min-height: 0;
+  /* чтобы внутренние скроллы работали корректно */
+  display: flex;
+  /* если внутри тоже колонки/скроллы */
   flex-direction: column;
   /* по желанию: если нужен внутренний скролл содержимого */
   /* overflow: auto; */
@@ -1923,7 +1932,7 @@
 .em-filemanager .file-manager__layout .sidebar-container {
   height: 100%;
   padding: 32px;
-  overflow: hidden;
+  overflow: auto;
 }
 .em-filemanager .file-manager__layout .sidebar-container .ant-tree-treenode {
   display: flex;
@@ -2078,7 +2087,7 @@
   height: 40px;
   line-height: 40px;
   display: flex;
-  padding: 0 12px;
+  padding: 0;
   overflow: hidden;
   width: 100%;
   align-items: center;
@@ -2190,8 +2199,8 @@
   display: flex;
   gap: 4px;
   position: absolute;
-  right: 0;
-  top: 6px;
+  right: 4px;
+  top: 4px;
 }
 
 /* Specific styles for sidebar tree */

package/file-manager.d.ts

@@ -53,6 +53,7 @@ export interface FileManagerAppProps {
     handleNotify?: NotifyListener<NotifyEvent>;
     handleError?: NotifyListener<Notify.ErrorEvent>;
     handleSuccess?: NotifyListener<Notify.SuccessEvent>;
+    [key: string]: unknown;
 }
 export declare const init: (containerOrOptions: HTMLElement | Options, config?: Config) => void;
 export declare const unmount: (container: HTMLElement) => void;