@atlaskit/editor-plugin-focus/dist/es2019/index.js

import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
import { PluginKey } from '@atlaskit/editor-prosemirror/state';
const key = new PluginKey('focusPluginHandler');
/**
 * Focus plugin to be added to an `EditorPresetBuilder` and used with `ComposableEditor`
 * from `@atlaskit/editor-core`.
 */
const focusPlugin = ({
  api
}) => {
  return {
    name: 'focus',
    getSharedState(editorState) {
      var _key$getState;
      if (!editorState) {
        return {
          hasFocus: false
        };
      }
      return {
        hasFocus: Boolean((_key$getState = key.getState(editorState)) === null || _key$getState === void 0 ? void 0 : _key$getState.hasFocus)
      };
    },
    pmPlugins() {
      const plugin = new SafePlugin({
        key,
        state: {
          init() {
            return {
              hasFocus: false
            };
          },
          apply(tr, oldPluginState) {
            const meta = tr.getMeta(key);
            if (typeof meta === 'boolean') {
              if (meta !== oldPluginState.hasFocus) {
                return {
                  hasFocus: meta
                };
              }
            }
            return oldPluginState;
          }
        },
        props: {
          handleDOMEvents: {
            focus: view => {
              const focusState = key.getState(view.state);
              if (!(focusState !== null && focusState !== void 0 && focusState.hasFocus)) {
                view.dispatch(view.state.tr.setMeta(key, true));
              }
              return false;
            },
            blur: view => {
              const focusState = key.getState(view.state);
              if (focusState !== null && focusState !== void 0 && focusState.hasFocus) {
                view.dispatch(view.state.tr.setMeta(key, false));
              }
              return false;
            }
          }
        }
      });
      return [{
        name: 'focusHandlerPlugin',
        plugin: () => plugin
      }];
    }
  };
};
export { focusPlugin };