handsontable/shortcutContexts/commands/editor/closeAndSaveByArrowKeys.mjs

Handsontable is a JavaScript Data Grid available for React, Angular and Vue.

import { EDITOR_STATE } from "../../../editors/baseEditor/index.mjs";
export const command = {
  name: 'editorCloseAndSaveByArrowKeys',
  callback(hot, event, keys) {
    const editorManager = hot._getEditorManager();
    const activeEditor = editorManager.getActiveEditor();
    if (activeEditor.isInFullEditMode() && activeEditor.state === EDITOR_STATE.EDITING) {
      return;
    }
    editorManager.closeEditorAndSaveChanges();
    if (hot.getSelected()) {
      if (keys.includes('arrowdown')) {
        hot.selection.transformStart(1, 0);
      } else if (keys.includes('arrowup')) {
        hot.selection.transformStart(-1, 0);
      } else if (keys.includes('arrowleft')) {
        hot.selection.transformStart(0, -1 * hot.getDirectionFactor());
      } else if (keys.includes('arrowright')) {
        hot.selection.transformStart(0, hot.getDirectionFactor());
      }
    }
    event.preventDefault();
  }
};