@atlaskit/editor-plugin-toolbar/dist/esm/ui/SelectionToolbar/keyboard-config.js

Toolbar plugin for @atlaskit/editor-core

import { getDocument } from '@atlaskit/browser-apis';
import { fullPageMessages } from '@atlaskit/editor-common/messages';
import { logException } from '@atlaskit/editor-common/monitoring';
import { EDIT_AREA_ID } from '@atlaskit/editor-common/ui';
import { getFocusableElements, isShortcutToFocusToolbar } from '../utils/toolbar';
export var getKeyboardNavigationConfig = function getKeyboardNavigationConfig(editorView, intl, api) {
  if (!(editorView.dom instanceof HTMLElement)) {
    return;
  }
  var toolbarSelector = "[data-testid='editor-floating-toolbar']";
  return {
    childComponentSelector: toolbarSelector,
    dom: editorView.dom,
    isShortcutToFocusToolbar: isShortcutToFocusToolbar,
    handleFocus: function handleFocus(event) {
      try {
        var _getDocument, _filteredFocusableEle, _filteredFocusableEle2, _filteredFocusableEle3;
        var toolbar = (_getDocument = getDocument()) === null || _getDocument === void 0 ? void 0 : _getDocument.querySelector(toolbarSelector);
        if (!(toolbar instanceof HTMLElement)) {
          return;
        }
        var filteredFocusableElements = getFocusableElements(toolbar);
        (_filteredFocusableEle = filteredFocusableElements[0]) === null || _filteredFocusableEle === void 0 || _filteredFocusableEle.focus();

        // the button element removes the focus ring so this class adds it back
        if (((_filteredFocusableEle2 = filteredFocusableElements[0]) === null || _filteredFocusableEle2 === void 0 ? void 0 : _filteredFocusableEle2.tagName) === 'BUTTON') {
          filteredFocusableElements[0].classList.add('first-floating-toolbar-button');
        }
        (_filteredFocusableEle3 = filteredFocusableElements[0]) === null || _filteredFocusableEle3 === void 0 || _filteredFocusableEle3.scrollIntoView({
          behavior: 'smooth',
          block: 'center',
          inline: 'nearest'
        });
        event.preventDefault();
        event.stopPropagation();
      } catch (error) {
        if (error instanceof Error) {
          logException(error, {
            location: 'editor-plugin-toolbar/selectionToolbar'
          });
        }
      }
    },
    handleEscape: function handleEscape(event) {
      try {
        var isDropdownOpen = !!document.querySelector('[data-toolbar-component="menu-section"]');
        if (isDropdownOpen) {
          return;
        }
        api === null || api === void 0 || api.core.actions.focus();
        event.preventDefault();
        event.stopPropagation();
      } catch (error) {
        if (error instanceof Error) {
          logException(error, {
            location: 'editor-plugin-toolbar/selectionToolbar'
          });
        }
      }
    },
    ariaControls: EDIT_AREA_ID,
    ariaLabel: intl.formatMessage(fullPageMessages.toolbarLabel)
  };
};