@noya-app/noya-file-explorer 0.0.8 → 0.0.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@noya-app/noya-file-explorer",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -20,11 +20,11 @@
     "dev": "npm run build:main -- --watch"
   },
   "dependencies": {
-    "@noya-app/noya-designsystem": "0.1.56",
+    "@noya-app/noya-designsystem": "0.1.58",
     "@noya-app/noya-icons": "0.1.10",
-    "@noya-app/noya-multiplayer-react": "0.1.57",
+    "@noya-app/noya-multiplayer-react": "0.1.58",
     "@noya-app/noya-keymap": "0.1.3",
-    "@noya-app/react-utils": "0.1.18",
+    "@noya-app/react-utils": "0.1.19",
     "@noya-app/noya-utils": "0.1.5",
     "@noya-app/noya-schemas": "0.1.5",
     "imfs": "^0.1.0",

package/src/MediaCollection.tsx

@@ -232,12 +232,19 @@ type MediaCollectionProps = {
   sortable?: boolean;
 } & Pick<
   CollectionProps<MediaItem, MenuAction>,
-  "size" | "expandable" | "renamable" | "scrollable" | "renderEmptyState"
+  | "sortableId"
+  | "size"
+  | "expandable"
+  | "renamable"
+  | "scrollable"
+  | "renderEmptyState"
+  | "sharedDragProps"
 >;
 
 export const MediaCollection = memo(
   forwardRef<MediaCollectionRef, MediaCollectionProps>(function MediaCollection(
     {
+      sortableId,
       onSelectionChange,
       selectedIds: selectedIdsProp,
       media,
@@ -261,6 +268,7 @@ export const MediaCollection = memo(
       scrollable = false,
       sortable = false,
       renderEmptyState,
+      sharedDragProps,
     },
     ref
   ) {
@@ -772,7 +780,9 @@ export const MediaCollection = memo(
         >
           <FileExplorerCollection<MediaItem, MenuAction>
             ref={collectionRef}
+            sortableId={sortableId}
             scrollable={scrollable}
+            sharedDragProps={sharedDragProps}
             items={visibleItems}
             viewType={viewType}
             size={size}
@@ -836,11 +846,17 @@ export const MediaCollection = memo(
               );
               return parentIndex === -1 ? undefined : parentIndex;
             }}
-            acceptsDrop={(
-              sourceIndex: number,
-              targetIndex: number,
-              position: string
-            ) => {
+            acceptsDrop={({
+              sourceIndex,
+              targetIndex,
+              position,
+              sourceListId,
+              targetListId,
+            }) => {
+              if (sourceListId !== targetListId) {
+                return false;
+              }
+
               const sourceItem = visibleItems[sourceIndex];
               const targetItem = visibleItems[targetIndex];
 
@@ -866,11 +882,7 @@ export const MediaCollection = memo(
 
               return true;
             }}
-            onMoveItem={(
-              sourceIndex: number,
-              targetIndex: number,
-              position: string
-            ) => {
+            onMoveItem={({ sourceIndex, targetIndex, position }) => {
               const sourceItem = visibleItems[sourceIndex];
               const targetItem = visibleItems[targetIndex];
               if (position === "inside") {