import { KeyCombinations } from '@fluentui/accessibility';
import { getCode } from '@fluentui/keyboard-key';
import * as React from 'react';

const isKeyModifiersMatch = (modifierValue: boolean, combinationValue?: boolean) => {
  if (combinationValue === undefined) {
    return true;
  }

  return modifierValue === combinationValue;
};

export const shouldHandleOnKeys = (event: React.KeyboardEvent, keysCombinations: KeyCombinations[]): boolean =>
  keysCombinations.some(
    keysCombination =>
      keysCombination.keyCode === getCode(event) &&
      isKeyModifiersMatch(event.altKey, keysCombination.altKey) &&
      isKeyModifiersMatch(event.shiftKey, keysCombination.shiftKey) &&
      isKeyModifiersMatch(event.metaKey, keysCombination.metaKey) &&
      isKeyModifiersMatch(event.ctrlKey, keysCombination.ctrlKey),
  );