braid-design-system/lib/components/MenuRenderer/MenuRenderer.actions.ts

Themeable design system for the SEEK Group

// Action type IDs (allows action type names to be minified)
export const actionTypes = {
  MENU_TRIGGER_UP: 0,
  MENU_ITEM_UP: 1,
  MENU_TRIGGER_DOWN: 2,
  MENU_ITEM_DOWN: 3,
  MENU_ITEM_ESCAPE: 4,
  MENU_ITEM_TAB: 5,
  MENU_ITEM_ENTER: 6,
  MENU_ITEM_SPACE: 7,
  MENU_ITEM_CLICK: 8,
  MENU_ITEM_HOVER: 9,
  MENU_TRIGGER_ENTER: 10,
  MENU_TRIGGER_SPACE: 11,
  MENU_TRIGGER_CLICK: 12,
  MENU_TRIGGER_TAB: 13,
  MENU_TRIGGER_ESCAPE: 14,
  BACKDROP_CLICK: 15,
  MENU_MOUSE_LEAVE: 16,
} as const;

export type Action =
  | { type: typeof actionTypes.MENU_TRIGGER_UP }
  | { type: typeof actionTypes.MENU_ITEM_UP }
  | { type: typeof actionTypes.MENU_TRIGGER_DOWN }
  | { type: typeof actionTypes.MENU_ITEM_DOWN }
  | { type: typeof actionTypes.MENU_ITEM_ESCAPE }
  | { type: typeof actionTypes.MENU_ITEM_TAB }
  | { type: typeof actionTypes.MENU_ITEM_ENTER; formElement: boolean }
  | { type: typeof actionTypes.MENU_ITEM_SPACE; formElement: boolean }
  | { type: typeof actionTypes.MENU_ITEM_CLICK; formElement: boolean }
  | { type: typeof actionTypes.MENU_ITEM_HOVER; value: number }
  | { type: typeof actionTypes.MENU_TRIGGER_ENTER }
  | { type: typeof actionTypes.MENU_TRIGGER_SPACE }
  | { type: typeof actionTypes.MENU_TRIGGER_CLICK }
  | { type: typeof actionTypes.MENU_TRIGGER_TAB }
  | { type: typeof actionTypes.MENU_TRIGGER_ESCAPE }
  | { type: typeof actionTypes.BACKDROP_CLICK }
  | { type: typeof actionTypes.MENU_MOUSE_LEAVE };