68 lines
1.8 KiB
TypeScript
68 lines
1.8 KiB
TypeScript
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;
|
|
};
|