packages/shared/lib/shortcuts/helpers.ts

   1 import { isDialogOpen, isDropdownOpen, isEditing, isModalOpen } from '../busy';
   2 import { isMac } from '../helpers/browser';
   3 import type { KeyboardKeyType } from '../interfaces';
   4
   5 const HTML_TAGS_TO_IGNORE = ['input', 'select', 'textarea', 'button', 'a'];
   6
   7 export const isBusy = (e: KeyboardEvent) => {
   8     const { tagName, isContentEditable } = e.target as HTMLElement;
   9
  10     return (
  11         HTML_TAGS_TO_IGNORE.includes(tagName.toLowerCase()) ||
  12         isContentEditable ||
  13         isDialogOpen() ||
  14         isModalOpen() ||
  15         isDropdownOpen() ||
  16         isEditing()
  17     );
  18 };
  19
  20 export const isValidShortcut = (shortcut: KeyboardKeyType[], event: KeyboardEvent): boolean => {
  21     const shortcutKeys = shortcut.map((key) => key.toLowerCase());
  22     const eventKey = event.key.toLowerCase();
  23     const eventMetaKeyPressed = isMac() ? event.metaKey : event.ctrlKey;
  24     const eventShiftKeyPressed = event.shiftKey;
  25
  26     const shouldNotPressMetaKey = !shortcutKeys.includes('meta') && eventMetaKeyPressed;
  27     const shouldNotPressShiftKey = !shortcutKeys.includes('shift') && eventShiftKeyPressed;
  28
  29     if (shouldNotPressMetaKey || shouldNotPressShiftKey) {
  30         return false;
  31     }
  32
  33     let isOk = shortcut.map(() => false);
  34     shortcutKeys.forEach((shortcutKey, index) => {
  35         if (
  36             (shortcutKey === 'shift' && eventShiftKeyPressed) ||
  37             (shortcutKey === 'meta' && eventMetaKeyPressed) ||
  38             shortcutKey === eventKey
  39         ) {
  40             isOk[index] = true;
  41             return;
  42         }
  43
  44         isOk[index] = false;
  45     });
  46
  47     if (isOk.every((item) => item === true)) {
  48         return true;
  49     }
  50
  51     return false;
  52 };