@noya-app/noya-file-explorer 0.0.13 → 0.0.15

package/dist/index.mjs

@@ -1100,6 +1100,15 @@ var require_lib = __commonJS({
   }
 });
 
+// src/formatByteSize.ts
+var byteSizeUnits = ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
+function formatByteSize(size) {
+  const unitIndex = Math.floor(Math.log(size) / Math.log(1024));
+  const unit = byteSizeUnits[unitIndex];
+  const value = size / Math.pow(1024, unitIndex);
+  return `${value.toFixed(1)} ${unit}`;
+}
+
 // src/MediaCollection.tsx
 import {
   ActionMenu,
@@ -1532,7 +1541,8 @@ var MediaCollection = memo(
     scrollable = false,
     sortable = false,
     renderEmptyState,
-    sharedDragProps
+    sharedDragProps,
+    onClickItem
   }, ref) {
     const setMedia = useCallback(
       (...args) => {
@@ -1621,7 +1631,7 @@ var MediaCollection = memo(
         setExpandedMap(initialExpanded);
       }
     }, [initialExpanded]);
-    const handleExpanded = useCallback(
+    const getExpanded = useCallback(
       (item) => {
         if (!expandable) return void 0;
         if (item.kind !== "folder") return void 0;
@@ -1719,6 +1729,7 @@ var MediaCollection = memo(
       },
       [media, tree, setMedia]
     );
+    const [isUploading, setIsUploading] = useState(false);
     const handleUpload = useCallback(
       async (selectedId) => {
         try {
@@ -1734,6 +1745,7 @@ var MediaCollection = memo(
               asset: createMediaAsset({ assetId: asset.id })
             };
           });
+          setIsUploading(true);
           const newMediaMap = await Promise.all(uploadPromises);
           setMedia(
             { name: "Add media items", timestamp: Date.now() },
@@ -1746,6 +1758,8 @@ var MediaCollection = memo(
           );
         } catch (error) {
           console.error("Failed to upload files:", error);
+        } finally {
+          setIsUploading(false);
         }
       },
       [tree.idToPathMap, setMedia, media, assetManager]
@@ -1984,7 +1998,8 @@ var MediaCollection = memo(
           FileExplorerUploadButton,
           {
             showUploadButton,
-            onUpload: () => handleUpload(rootMediaItem.id)
+            onUpload: () => handleUpload(rootMediaItem.id),
+            isUploading
           },
           right
         ),
@@ -2018,7 +2033,7 @@ var MediaCollection = memo(
                 return "Enter file name";
             }
           },
-          getExpanded: handleExpanded,
+          getExpanded,
           setExpanded: handleSetExpanded,
           getRenamable: (item) => {
             if (item.id === rootMediaItem.id) return false;
@@ -2028,6 +2043,7 @@ var MediaCollection = memo(
           menuItems: assetContextMenuItems,
           onSelectMenuItem: handleMenuAction,
           onSelectionChange: setSelectedIds,
+          onClickItem,
           onDoubleClickItem,
           onRename,
           renamable,
@@ -2044,7 +2060,7 @@ var MediaCollection = memo(
             if (file.kind !== "asset") return null;
             const asset = assets.find((a) => a.id === file.assetId);
             if (!asset) return null;
-            return /* @__PURE__ */ React.createElement(FileExplorerDetail, { selected, size }, (asset.size / 1024).toFixed(1), "KB");
+            return /* @__PURE__ */ React.createElement(FileExplorerDetail, { selected, size }, formatByteSize(asset.size));
           },
           renderEmptyState: () => renderEmptyState?.() ?? /* @__PURE__ */ React.createElement(FileExplorerEmptyState, null),
           itemRoleDescription: "clickable file item",
@@ -2139,6 +2155,7 @@ export {
   createMediaItem,
   createMediaItemTree,
   deleteMediaItems,
+  formatByteSize,
   getDepthMap,
   getParentDirectories,
   getVisibleItems,