@atlaskit/editor-plugin-breakout/dist/es2019/breakoutPlugin.js

Breakout plugin for @atlaskit/editor-core

import React from 'react';
import { breakout } from '@atlaskit/adf-schema/breakout';
import { createResizingPlugin, resizingPluginKey } from './pm-plugins/resizing-plugin';
import { GuidelineLabel } from './ui/GuidelineLabel';
export const breakoutPlugin = ({
  config: options,
  api
}) => ({
  name: 'breakout',
  pmPlugins() {
    return [{
      name: 'breakout-resizing',
      plugin: ({
        getIntl,
        nodeViewPortalProviderAPI
      }) => createResizingPlugin(api, getIntl, nodeViewPortalProviderAPI, options)
    }];
  },
  marks() {
    return [{
      name: 'breakout',
      mark: breakout
    }];
  },
  getSharedState(editorState) {
    if (!editorState) {
      return {
        breakoutNode: undefined
      };
    }
    const resizingPluginState = resizingPluginKey.getState(editorState);
    if (!resizingPluginState) {
      return {
        breakoutNode: undefined,
        activeGuidelineKey: undefined
      };
    }
    return resizingPluginState;
  },
  contentComponent({
    editorView,
    popupsMountPoint,
    popupsBoundariesElement,
    popupsScrollableElement
  }) {
    if (!editorView) {
      return null;
    }
    return /*#__PURE__*/React.createElement(GuidelineLabel, {
      api: api,
      editorView: editorView,
      mountPoint: popupsMountPoint,
      boundariesElement: popupsBoundariesElement,
      scrollableElement: popupsScrollableElement
    });
  }
});