use KDropdownMenu as context menu

Author: AlexVelezLl

contentcuration/contentcuration/frontend/channelEdit/components/ContentNodeContextMenu.vue

@@ -90,7 +90,7 @@
           />
         </template>
 
-        <template #context-menu="{ showContextMenu, positionX, positionY }">
+        <template #context-menu>
           <ContentNodeOptions
             isContextMenu
             :nodeId="nodeId"
@@ -109,7 +109,6 @@
 
   import ContentNodeListItem from './ContentNodeListItem';
   import ContentNodeOptions from './ContentNodeOptions';
-  import ContentNodeContextMenu from './ContentNodeContextMenu';
   import Checkbox from 'shared/views/form/Checkbox';
   import IconButton from 'shared/views/IconButton';
   import DraggableItem from 'shared/views/draggable/DraggableItem';
@@ -125,7 +124,6 @@
       DraggableItem,
       ContentNodeListItem,
       ContentNodeOptions,
-      ContentNodeContextMenu,
       Checkbox,
       IconButton,
     },

contentcuration/contentcuration/frontend/channelEdit/components/ContentNodeEditListItem.vue

@@ -2,8 +2,6 @@
 
   <VHover :disabled="copying">
     <template #default="{ hover }">
-      <ContextMenuCloak :disabled="contextMenuDisabled">
-        <template #default="contextMenuProps">
           <DraggableHandle v-bind="draggableHandle">
             <template #default>
               <VListTile
@@ -184,14 +182,10 @@
                   </div>
                   <div class="disabled-overlay"></div>
                 </template>
-                <slot name="context-menu" v-bind="contextMenuProps"></slot>
+                <slot name="context-menu" v-if="!contextMenuDisabled"></slot>
               </VListTile>
-
             </template>
           </DraggableHandle>
-
-        </template>
-      </ContextMenuCloak>
     </template>
   </VHover>
 

contentcuration/contentcuration/frontend/channelEdit/components/ContentNodeListItem/index.vue

@@ -4,7 +4,11 @@
     :isContextMenu="isContextMenu"
     :options="menuOptions"
     @select="handleSelect"
-  />
+  >
+    <template #header>
+      <slot name="header" />
+    </template>
+  </KDropdownMenu>
 
 </template>