import { CellContextMenuEvent } from '@ag-grid-community/core';
import sortBy from 'lodash/sortBy';
import { Album, AlbumArtist, Artist, LibraryItem, QueueSong, Song } from '/@/renderer/api/types';
import { openContextMenu, SetContextMenuItems } from '/@/renderer/features/context-menu/events';

export const useHandleTableContextMenu = (
  itemType: LibraryItem,
  contextMenuItems: SetContextMenuItems,
  context?: any,
) => {
  const handleContextMenu = (e: CellContextMenuEvent) => {
    if (!e.event) return;
    const clickEvent = e.event as MouseEvent;
    clickEvent.preventDefault();

    let selectedNodes = sortBy(e.api.getSelectedNodes(), ['rowIndex']);
    let selectedRows = selectedNodes.map((node) => node.data);

    const shouldReplaceSelected = !selectedNodes.map((node) => node.data.id).includes(e.data.id);

    if (shouldReplaceSelected) {
      e.api.deselectAll();
      e.node.setSelected(true);
      selectedRows = [e.data];
      selectedNodes = e.api.getSelectedNodes();
    }

    openContextMenu({
      context,
      data: selectedRows,
      dataNodes: selectedNodes,
      menuItems: contextMenuItems,
      tableApi: e.api,
      type: itemType,
      xPos: clickEvent.clientX,
      yPos: clickEvent.clientY,
    });
  };

  return handleContextMenu;
};

export const useHandleGeneralContextMenu = (
  itemType: LibraryItem,
  contextMenuItems: SetContextMenuItems,
  context?: any,
) => {
  const handleContextMenu = (
    e: any,
    data: Song[] | QueueSong[] | AlbumArtist[] | Artist[] | Album[],
  ) => {
    if (!e) return;
    const clickEvent = e as MouseEvent;
    clickEvent.preventDefault();

    openContextMenu({
      context,
      data,
      dataNodes: undefined,
      menuItems: contextMenuItems,
      type: itemType,
      xPos: clickEvent.clientX + 15,
      yPos: clickEvent.clientY + 5,
    });
  };

  return handleContextMenu;
};