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

package/dist/index.d.ts

@@ -5,6 +5,8 @@ import React, { ReactNode } from 'react';
 import * as tree_visit_lib_types from 'tree-visit/lib/types';
 import * as tree_visit from 'tree-visit';
 
+declare function formatByteSize(size: number): string;
+
 declare const createMediaFolder: (folder?: Omit<FolderMediaItem, "kind" | "id">) => FolderMediaItem;
 declare const createMediaAsset: (asset: Omit<AssetMediaItem, "kind" | "id">) => AssetMediaItem;
 declare const createMediaFile: (file: Omit<FileMediaItem, "kind" | "id">) => FileMediaItem;
@@ -35172,6 +35174,6 @@ declare const MediaCollection: React.MemoExoticComponent<React.ForwardRefExoticC
     id: string;
     kind: "file";
     encoding: "utf-8" | "base64";
-}, MenuAction>, "size" | "scrollable" | "renderEmptyState" | "sharedDragProps" | "expandable" | "sortableId" | "renamable"> & React.RefAttributes<MediaCollectionRef>>>;
+}, MenuAction>, "size" | "scrollable" | "renderEmptyState" | "sharedDragProps" | "expandable" | "sortableId" | "renamable" | "onClickItem"> & React.RefAttributes<MediaCollectionRef>>>;
 
-export { type ExpandedMap, type FileKindFilter, type GetVisibleItemsOptions, MediaCollection, type MediaCollectionRef, type MediaItemTree, PLACEHOLDER_ITEM_NAME, basenameValidator, createMediaAsset, createMediaFile, createMediaFolder, createMediaItem, createMediaItemTree, deleteMediaItems, getDepthMap, getParentDirectories, getVisibleItems, moveMediaInsideFolder, movePathsIntoTarget, moveUpAFolder, renameMediaItemAndDescendantPaths, rootMediaItem, rootMediaItemName, rootMediaItemPath, updateExpandedMap, validateMediaItemRename };
+export { type ExpandedMap, type FileKindFilter, type GetVisibleItemsOptions, MediaCollection, type MediaCollectionRef, type MediaItemTree, PLACEHOLDER_ITEM_NAME, basenameValidator, createMediaAsset, createMediaFile, createMediaFolder, createMediaItem, createMediaItemTree, deleteMediaItems, formatByteSize, getDepthMap, getParentDirectories, getVisibleItems, moveMediaInsideFolder, movePathsIntoTarget, moveUpAFolder, renameMediaItemAndDescendantPaths, rootMediaItem, rootMediaItemName, rootMediaItemPath, updateExpandedMap, validateMediaItemRename };

package/dist/index.js

@@ -1118,6 +1118,7 @@ __export(src_exports, {
   createMediaItem: () => createMediaItem,
   createMediaItemTree: () => createMediaItemTree,
   deleteMediaItems: () => deleteMediaItems,
+  formatByteSize: () => formatByteSize,
   getDepthMap: () => getDepthMap,
   getParentDirectories: () => getParentDirectories,
   getVisibleItems: () => getVisibleItems,
@@ -1133,6 +1134,15 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 
+// 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
 var import_noya_designsystem = require("@noya-app/noya-designsystem");
 var import_noya_icons = require("@noya-app/noya-icons");
@@ -1529,7 +1539,8 @@ var MediaCollection = (0, import_react.memo)(
     scrollable = false,
     sortable = false,
     renderEmptyState,
-    sharedDragProps
+    sharedDragProps,
+    onClickItem
   }, ref) {
     const setMedia = (0, import_react.useCallback)(
       (...args) => {
@@ -1618,7 +1629,7 @@ var MediaCollection = (0, import_react.memo)(
         setExpandedMap(initialExpanded);
       }
     }, [initialExpanded]);
-    const handleExpanded = (0, import_react.useCallback)(
+    const getExpanded = (0, import_react.useCallback)(
       (item) => {
         if (!expandable) return void 0;
         if (item.kind !== "folder") return void 0;
@@ -1716,6 +1727,7 @@ var MediaCollection = (0, import_react.memo)(
       },
       [media, tree, setMedia]
     );
+    const [isUploading, setIsUploading] = (0, import_react.useState)(false);
     const handleUpload = (0, import_react.useCallback)(
       async (selectedId) => {
         try {
@@ -1731,6 +1743,7 @@ var MediaCollection = (0, import_react.memo)(
               asset: createMediaAsset({ assetId: asset.id })
             };
           });
+          setIsUploading(true);
           const newMediaMap = await Promise.all(uploadPromises);
           setMedia(
             { name: "Add media items", timestamp: Date.now() },
@@ -1743,6 +1756,8 @@ var MediaCollection = (0, import_react.memo)(
           );
         } catch (error) {
           console.error("Failed to upload files:", error);
+        } finally {
+          setIsUploading(false);
         }
       },
       [tree.idToPathMap, setMedia, media, assetManager]
@@ -1981,7 +1996,8 @@ var MediaCollection = (0, import_react.memo)(
           import_noya_designsystem.FileExplorerUploadButton,
           {
             showUploadButton,
-            onUpload: () => handleUpload(rootMediaItem.id)
+            onUpload: () => handleUpload(rootMediaItem.id),
+            isUploading
           },
           right
         ),
@@ -2015,7 +2031,7 @@ var MediaCollection = (0, import_react.memo)(
                 return "Enter file name";
             }
           },
-          getExpanded: handleExpanded,
+          getExpanded,
           setExpanded: handleSetExpanded,
           getRenamable: (item) => {
             if (item.id === rootMediaItem.id) return false;
@@ -2025,6 +2041,7 @@ var MediaCollection = (0, import_react.memo)(
           menuItems: assetContextMenuItems,
           onSelectMenuItem: handleMenuAction,
           onSelectionChange: setSelectedIds,
+          onClickItem,
           onDoubleClickItem,
           onRename,
           renamable,
@@ -2041,7 +2058,7 @@ var MediaCollection = (0, import_react.memo)(
             if (file.kind !== "asset") return null;
             const asset = assets.find((a) => a.id === file.assetId);
             if (!asset) return null;
-            return /* @__PURE__ */ import_react2.default.createElement(import_noya_designsystem.FileExplorerDetail, { selected, size }, (asset.size / 1024).toFixed(1), "KB");
+            return /* @__PURE__ */ import_react2.default.createElement(import_noya_designsystem.FileExplorerDetail, { selected, size }, formatByteSize(asset.size));
           },
           renderEmptyState: () => renderEmptyState?.() ?? /* @__PURE__ */ import_react2.default.createElement(import_noya_designsystem.FileExplorerEmptyState, null),
           itemRoleDescription: "clickable file item",
@@ -2137,6 +2154,7 @@ var MediaCollection = (0, import_react.memo)(
   createMediaItem,
   createMediaItemTree,
   deleteMediaItems,
+  formatByteSize,
   getDepthMap,
   getParentDirectories,
   getVisibleItems,