useContextMenu.ts

import { contextMenu, ShowContextMenuParams } from '../core';
import { MenuId } from '../types';

export interface UseContextMenuParams<TProps = unknown> {
  id: MenuId;
  props?: TProps;
}

export type MakeOptional<Type, Key extends keyof Type> = Omit<Type, Key> &
  Partial<Pick<Type, Key>>;

export function useContextMenu<TProps>(
  params: UseContextMenuParams<TProps>
): {
  show: (params: MakeOptional<ShowContextMenuParams, 'id'>) => void;
  hideAll: () => void;
};

export function useContextMenu<TProps>(
  params?: Partial<UseContextMenuParams<TProps>>
): {
  show: (params: ShowContextMenuParams) => void;
  hideAll: () => void;
};

export function useContextMenu(
  props?: UseContextMenuParams | Partial<UseContextMenuParams>
) {
  return {
    show(params: ShowContextMenuParams) {
      contextMenu.show({
        ...props,
        ...params,
      });
    },
    hideAll() {
      contextMenu.hideAll();
    },
  };
}