ToolJet/frontend/src/Editor/EditorKeyHooks.jsx

import React from 'react';
import useKeyHooks from '@/_hooks/useKeyHooks';

export const EditorKeyHooks = ({
  moveComponents,
  copyComponents,
  cutComponents,
  cloneComponents,
  handleEditorEscapeKeyPress,
  removeMultipleComponents,
}) => {
  const handleHotKeysCallback = (key) => {
    switch (key) {
      case 'Escape':
        handleEditorEscapeKeyPress();
        break;
      case 'Backspace':
        removeMultipleComponents();
        break;
      case 'KeyD':
        cloneComponents();
        break;
      case 'KeyC':
        console.log('copyComponent');
        copyComponents();
        break;
      case 'KeyX':
        cutComponents();
        break;
      default:
        moveComponents(key);
    }
  };

  useKeyHooks(
    ['up, down, left, right', 'esc', 'backspace', 'meta+d, ctrl+d, meta+c, ctrl+c, meta+x, ctrl+x'],
    handleHotKeysCallback
  );

  return <></>;
};