UBERF-8316 Documents drag and drop (#6769)

Signed-off-by: Alexander Onnikov <Alexander.Onnikov@xored.com>

plugins/view-resources/src/components/navigator/TreeElement.svelte

@@ -55,6 +55,7 @@
   export let showNotify: boolean = false
   export let forciblyСollapsed: boolean = false
   export let actions: (originalEvent?: MouseEvent) => Promise<Action[]> = async () => []
+  export let draggable: boolean = false
 
   let pressed: boolean = false
   let inlineActions: Action[] = []
@@ -103,7 +104,11 @@
     {shouldTooltip}
     showMenu={showMenu || pressed}
     {noDivider}
+    {draggable}
     on:click
+    on:dragstart
+    on:dragover
+    on:drop
     on:toggle={(ev) => {
       if (ev.detail !== undefined) collapsed = !ev.detail
     }}
@@ -166,8 +171,12 @@
     {forciblyСollapsed}
     {level}
     {shouldTooltip}
+    {draggable}
     showMenu={showMenu || pressed}
     on:click
+    on:dragstart
+    on:dragover
+    on:drop
   >
     <slot />
     <svelte:fragment slot="extra"><slot name="extra" /></svelte:fragment>

plugins/view-resources/src/components/navigator/TreeNode.svelte

@@ -39,6 +39,7 @@
   export let noDivider: boolean = false
   export let shouldTooltip: boolean = false
   export let forciblyСollapsed: boolean = false
+  export let draggable: boolean = false
 </script>
 
 <TreeElement
@@ -63,7 +64,11 @@
   {showMenu}
   {noDivider}
   {forciblyСollapsed}
+  {draggable}
   on:click
+  on:dragstart
+  on:dragover
+  on:drop
 >
   <slot />
   <svelte:fragment slot="extra"><slot name="extra" /></svelte:fragment>