From 33758c38406c0140e15054178e8063e0616ea6d0 Mon Sep 17 00:00:00 2001
From: Joseph Izang <josephizang@gmail.com>
Date: Mon, 29 Apr 2024 12:11:01 +0100
Subject: [PATCH] move function outside of drop component

---
 .../workspace/src/lib/utils/getEventTarget.ts | 33 ++++++++++++++++++-
 1 file changed, 32 insertions(+), 1 deletion(-)

diff --git a/libs/remix-ui/workspace/src/lib/utils/getEventTarget.ts b/libs/remix-ui/workspace/src/lib/utils/getEventTarget.ts
index e61cc7a226..e7cd32bc4a 100644
--- a/libs/remix-ui/workspace/src/lib/utils/getEventTarget.ts
+++ b/libs/remix-ui/workspace/src/lib/utils/getEventTarget.ts
@@ -22,4 +22,35 @@ export const getEventTarget = async (e: any, useLabel: boolean = false) => {
       position: endPosition
     }
   }
-}
\ No newline at end of file
+}
+
+/**
+   *  When multiple files are selected in FileExplorer,
+   *  and these files are dragged to a target folder,
+   *  this function will build the profile of each selected item
+   *  in FileExplorer so they can be moved when dropped
+   * @param target - Initial target item in FileExplorer
+   * @returns - {DragStructure} Array of selected items
+   */
+export const buildMultiSelectedItemProfiles = (target: {
+  path: string
+  type: string
+  content: string
+  position: {
+      top: number
+      left: number
+  }
+  }) => {
+  const selectItems = []
+  document.querySelectorAll('li.remixui_selected').forEach(item => {
+
+    const dragTarget = {
+      position: { top: target?.position.top || 0, left: target?.position.left || 0 },
+      path: item.getAttribute('data-path') || item.getAttribute('data-label-path') || '',
+      type: item.getAttribute('data-type') || item.getAttribute('data-label-type') || '',
+      content: item.textContent || ''
+    }
+    selectItems.push(dragTarget)
+  })
+  return selectItems
+}