@emailmaker/filemanager 0.10.69 → 0.10.71

package/components/ControlledImage/ControlledImage.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ControlledImageLoader } from '../../hooks/useControlledImageLoader';
+export interface ControlledImageProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src'> {
+    imageId: string;
+    sourceUrl: string;
+    shouldLoad?: boolean;
+    loader: ControlledImageLoader;
+}
+export declare const ControlledImage: React.FC<ControlledImageProps>;
+export default ControlledImage;

package/components/FolderTree/FolderTree.d.ts

@@ -13,7 +13,7 @@ interface FolderTreeProps {
     fetchChildFolders?: (parentId: string | null) => Promise<Folder[]>;
     disabledFolders?: string[];
     showFileCounts?: boolean;
-    folderFileCounts?: Record<string, number>;
+    folderFileCounts?: Record<string, number | null>;
     className?: string;
     expandedKeys?: Key[];
     setExpandedKeys?: (keys: Key[]) => void;

package/components/ImageIcons/IconsGrid.d.ts

@@ -2,15 +2,15 @@ import React from 'react';
 import type { StreamlineSearchItem } from '../../types';
 export interface IconsGridProps {
     items: StreamlineSearchItem[];
-    hasMore: boolean;
     loading: boolean;
+    isCollectingResults?: boolean;
+    hasMore?: boolean;
     hasQuery: boolean;
     mode: 'global' | 'family';
     selectedHash: string | null;
-    onLoadMore: () => void;
     onItemClick: (item: StreamlineSearchItem) => void;
     onInsert: (item: StreamlineSearchItem) => void;
-    scrollContainerRef: React.RefObject<HTMLDivElement>;
+    onLoadMore?: () => void;
     colorVars?: {
         colorHex: string;
         colorHex2: string;

package/file-manager.css

@@ -1239,12 +1239,15 @@
 }
 .em-filemanager .gifTab {
   height: 100%;
+  min-height: 0;
 }
 
 .em-filemanager .scrollableDiv {
   width: 100%;
   height: 100%;
   overflow: auto;
+  overflow-x: hidden;
+  box-sizing: border-box;
   line-height: 0;
   display: flex;
   flex-direction: column;
@@ -1271,6 +1274,11 @@
   width: 100%;
 }
 
+.em-filemanager .virtualCanvas {
+  position: relative;
+  width: 100%;
+}
+
 .em-filemanager .myMasonryGrid {
   display: flex;
   width: auto;
@@ -1358,7 +1366,9 @@
 }
 
 .em-filemanager .searchOutputWrapper {
-  height: calc(100vh - 32px);
+  height: 100%;
+  min-height: 0;
+  overflow: hidden;
 }
 
 .em-filemanager .divider {
@@ -1381,6 +1391,7 @@
   width: 640px;
   max-width: 100%;
   overflow: auto;
+  box-sizing: border-box;
   padding: 60px 16px;
   border-radius: 12px;
   background-color: var(--colorBgContainer);
@@ -1409,6 +1420,7 @@
 }
 .em-filemanager .stockTab {
   height: 100%;
+  min-height: 0;
 }
 
 .em-filemanager .stockSearchInput {
@@ -1419,7 +1431,9 @@
 }
 
 .em-filemanager .searchOutputWrapper {
-  height: calc(100vh - 32px);
+  height: 100%;
+  min-height: 0;
+  overflow: hidden;
 }
 
 .em-filemanager .divider {
@@ -1442,6 +1456,11 @@
   line-height: calc(var(--formControlHeight) * 1px);
 }
 
+.em-filemanager .virtualCanvas {
+  position: relative;
+  width: 100%;
+}
+
 .em-filemanager .blocksSearchDividerWrapper {
   margin: 0;
 }
@@ -1450,6 +1469,8 @@
   width: 100%;
   height: 100%;
   overflow: auto;
+  overflow-x: hidden;
+  box-sizing: border-box;
   line-height: 0;
   display: flex;
   flex-direction: column;
@@ -1610,6 +1631,7 @@
   width: 640px;
   max-width: 100%;
   overflow: auto;
+  box-sizing: border-box;
   padding: 60px 16px;
   border-radius: 12px;
   background-color: var(--colorBgContainer);
@@ -1842,6 +1864,7 @@
   display: flex;
   flex-direction: column;
   height: 100%;
+  min-height: 0;
 }
 .em-filemanager .iconsTab.hasSearch {
   padding-top: 0;
@@ -1850,7 +1873,9 @@
 .em-filemanager .iconsSearchWrapper {
   width: 100%;
   height: 100%;
-  overflow: auto;
+  min-height: 0;
+  overflow: hidden;
+  box-sizing: border-box;
   line-height: 0;
   display: flex;
   flex-direction: column;
@@ -2044,6 +2069,8 @@
   flex: 1 1 auto;
   min-height: 0;
   overflow: auto;
+  overflow-x: hidden;
+  box-sizing: border-box;
   padding: 24px;
 }
 
@@ -2077,6 +2104,7 @@
   width: 640px;
   max-width: 100%;
   overflow: auto;
+  box-sizing: border-box;
   padding: 60px 16px;
   border-radius: 12px;
   background-color: var(--colorBgContainer);
@@ -2109,24 +2137,42 @@
   overflow: hidden !important;
 }
 
+.em-filemanager .iconsGridLoadingMore {
+  display: flex;
+  justify-content: center;
+  padding: 16px 0;
+}
+
 .em-filemanager .iconsGridGrid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(var(--icons-grid-min-col, 148px), 1fr));
   gap: 16px;
 }
 
+.em-filemanager .iconsGridVirtualCanvas {
+  position: relative;
+  width: 100%;
+}
+
 .em-filemanager .iconsGridItem {
   position: relative;
   border-radius: 8px;
   padding: 12px;
   background: #fff;
   cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  overflow: hidden;
+  box-shadow: inset 0 0 0 1px #f0f0f0;
 }
 
 .em-filemanager .iconsGridItemThumbnail {
   display: flex;
   align-items: center;
   justify-content: center;
+  flex: 1 1 auto;
+  min-height: 0;
 }
 
 .em-filemanager .iconsGridItemSvg {
@@ -2145,9 +2191,20 @@
 .em-filemanager .iconsGridItemName {
   margin-top: 8px;
   font-size: 12px;
+  line-height: 1.2;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
+  flex: 0 0 auto;
+}
+
+.em-filemanager .iconsGridItemSelected::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border: 2px solid #1890ff;
+  border-radius: inherit;
+  pointer-events: none;
 }
 
 .em-filemanager .iconsGridItemInsertButton {
@@ -2157,9 +2214,11 @@
 }
 
 .em-filemanager .iconsGridLoading {
-  position: absolute;
-  top: 8;
-  right: 8;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  min-height: 50vh;
 }
 
 .em-filemanager .iconsControlsBackButton {
@@ -2191,8 +2250,10 @@
   align-items: center;
   justify-content: space-between;
   gap: 12px;
-  padding: 25px 0;
-  margin: 0 24px;
+  width: 100%;
+  box-sizing: border-box;
+  padding: 24px 24px;
+  margin: 0;
   border-bottom: 1px solid var(--colorBorder);
 }