braid-design-system/lib/components/private/normalizeKey.ts

Themeable design system for the SEEK Group

import { KeyboardEvent } from 'react';

// Normalizes the 'key' property of a KeyboardEvent in IE/Edge
export function normalizeKey({ key, keyCode }: KeyboardEvent) {
  if (keyCode >= 37 && keyCode <= 40 && key.indexOf('Arrow') !== 0) {
    return `Arrow${key}`;
  }
  if (keyCode === 27) {
    return 'Escape';
  }
  return key;
}