@atlaskit/editor-core 172.1.1 → 172.2.0

package/dist/es2019/utils/plugin-state-factory.js

@@ -1,107 +1 @@
-/**
- * Creates a ProseMirror plugin's state and handles UI updates.
- *
- * Here's a few things to keep in mind:
- * - plugin's state is stored as a single object
- * - `Reducer` specifies how plugin's state changes in response to commands
- * - `Command` describes only what happen, but not how state changes
- * - `mapping` could be used to map ProseMirror positions stored in plugin's state
- *
- * Example:
- *  const { createPluginState, createCommand, getPluginState } = pluginFactory(
- *    reducer,
- *    pluginKey
- *  );
- *
- *  export const createPlugin = (dispatch: Dispatch, initialState) =>
- *    new SafePlugin({
- *      state: createPluginState(dispatch, initialState),
- *      key: pluginKey
- *    });
- *
- * Example of a reducer:
- *
- *  export const reducer = (
- *    state: TablePluginState,
- *    action: TableAction,
- *  ): TablePluginState => {
- *    switch (action.type) {
- *      case 'TOGGLE_CONTEXTUAL_MENU':
- *      return {
- *        ...state,
- *        isContextualMenuOpen: !state.isContextualMenuOpen,
- *      };
- *    default:
- *      return state;
- *    }
- *  };
- *
- *
- * Example of a command:
- *
- * export const toggleContextualMenu = createCommand({
- *   type: 'TOGGLE_CONTEXTUAL_MENU',
- * }, tr => tr.setMeta('addToHistory', false));
- *
- */
-function isFunction(x) {
-  return typeof x === 'function';
-}
-
-export function pluginFactory(pluginKey, reducer, options = {}) {
-  const {
-    mapping,
-    onDocChanged,
-    onSelectionChanged
-  } = options;
-  return {
-    createPluginState(dispatch, initialState) {
-      return {
-        init: (_, state) => isFunction(initialState) ? initialState(state) : initialState,
-        apply: (tr, _pluginState) => {
-          const oldState = mapping ? mapping(tr, _pluginState) : _pluginState;
-          let newState = oldState;
-          const meta = tr.getMeta(pluginKey);
-
-          if (meta) {
-            newState = reducer(oldState, meta);
-          }
-
-          if (onDocChanged && tr.docChanged) {
-            newState = onDocChanged(tr, newState);
-          } else if (onSelectionChanged && tr.selectionSet) {
-            newState = onSelectionChanged(tr, newState);
-          }
-
-          if (newState !== oldState) {
-            dispatch(pluginKey, newState);
-          }
-
-          return newState;
-        }
-      };
-    },
-
-    createCommand(action, transform) {
-      return (state, dispatch) => {
-        if (dispatch) {
-          const tr = transform ? transform(state.tr, state) : state.tr;
-          const resolvedAction = isFunction(action) ? action(state) : action;
-
-          if (tr && resolvedAction) {
-            dispatch(tr.setMeta(pluginKey, resolvedAction));
-          } else {
-            return false;
-          }
-        }
-
-        return true;
-      };
-    },
-
-    getPluginState(state) {
-      return pluginKey.getState(state);
-    }
-
-  };
-}
+export { pluginFactory } from '@atlaskit/editor-common/utils';

package/dist/es2019/utils/selection.js

@@ -1,19 +1,7 @@
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { NodeSelection, TextSelection, AllSelection } from 'prosemirror-state';
-import { GapCursorSelection } from '../plugins/selection/gap-cursor/selection';
-export const setNodeSelection = (view, pos) => {
-  const {
-    state,
-    dispatch
-  } = view;
-
-  if (!isFinite(pos)) {
-    return;
-  }
-
-  const tr = state.tr.setSelection(NodeSelection.create(state.doc, pos));
-  dispatch(tr);
-};
+import { GapCursorSelection } from '@atlaskit/editor-common/selection';
+export { setNodeSelection } from '@atlaskit/editor-common/utils';
 export function setTextSelection(view, anchor, head) {
   const {
     state,
@@ -65,44 +53,6 @@ export const normaliseNestedLayout = ({
   }
 
   return node;
-};
-export const isSelectionAtStartOfNode = ($pos, parentNode) => {
-  if (!parentNode) {
-    return false;
-  }
-
-  for (let i = $pos.depth + 1; i > 0; i--) {
-    const node = $pos.node(i);
-
-    if (node && node.eq(parentNode.node)) {
-      break;
-    }
-
-    if (i > 1 && $pos.before(i) !== $pos.before(i - 1) + 1) {
-      return false;
-    }
-  }
-
-  return true;
-};
-export const isSelectionAtEndOfNode = ($pos, parentNode) => {
-  if (!parentNode) {
-    return false;
-  }
-
-  for (let i = $pos.depth + 1; i > 0; i--) {
-    const node = $pos.node(i);
-
-    if (node && node.eq(parentNode.node)) {
-      break;
-    }
-
-    if (i > 1 && $pos.after(i) !== $pos.after(i - 1) - 1) {
-      return false;
-    }
-  }
-
-  return true;
 }; // checks if the given position is within the ProseMirror document
 
 export const isValidPosition = (pos, state) => {

package/dist/es2019/utils/slice.js

@@ -1,56 +1 @@
-import { Fragment, Slice } from 'prosemirror-model';
-/**
- * A helper to get the underlying array of a fragment.
- */
-
-export function getFragmentBackingArray(fragment) {
-  return fragment.content;
-}
-export function mapFragment(content, callback, parent = null) {
-  const children = [];
-
-  for (let i = 0, size = content.childCount; i < size; i++) {
-    const node = content.child(i);
-    const transformed = node.isLeaf ? callback(node, parent, i) : callback(node.copy(mapFragment(node.content, callback, node)), parent, i);
-
-    if (transformed) {
-      if (transformed instanceof Fragment) {
-        children.push(...getFragmentBackingArray(transformed));
-      } else if (Array.isArray(transformed)) {
-        children.push(...transformed);
-      } else {
-        children.push(transformed);
-      }
-    }
-  }
-
-  return Fragment.fromArray(children);
-}
-export function mapSlice(slice, callback) {
-  const fragment = mapFragment(slice.content, callback);
-  return new Slice(fragment, slice.openStart, slice.openEnd);
-}
-export function flatmap(fragment, callback) {
-  const fragmentContent = [];
-
-  for (let i = 0; i < fragment.childCount; i++) {
-    const child = callback(fragment.child(i), i, fragment);
-
-    if (Array.isArray(child)) {
-      fragmentContent.push(...child);
-    } else {
-      fragmentContent.push(child);
-    }
-  }
-
-  return Fragment.fromArray(fragmentContent);
-}
-export function mapChildren(node, callback) {
-  const array = [];
-
-  for (let i = 0; i < node.childCount; i++) {
-    array.push(callback(node.child(i), i, node instanceof Fragment ? node : node.content));
-  }
-
-  return array;
-}
+export { getFragmentBackingArray, mapFragment, mapSlice, flatmap, mapChildren } from '@atlaskit/editor-common/utils';

package/dist/es2019/utils/step.js

@@ -1,35 +1 @@
-import { ReplaceAroundStep, ReplaceStep } from 'prosemirror-transform';
-export const stepHasSlice = step => step && step.hasOwnProperty('slice');
-/**
- * Checks whether a given step is adding nodes of given nodeTypes
- *
- * @param step Step to check
- * @param nodeTypes NodeTypes being added
- */
-
-export function stepAddsOneOf(step, nodeTypes) {
-  let adds = false;
-
-  if (!stepHasSlice(step)) {
-    return adds;
-  }
-
-  step.slice.content.descendants(node => {
-    if (nodeTypes.has(node.type)) {
-      adds = true;
-    }
-
-    return !adds;
-  });
-  return adds;
-}
-export const extractSliceFromStep = step => {
-  if (!(step instanceof ReplaceStep) && !(step instanceof ReplaceAroundStep)) {
-    return null;
-  } // @ts-ignore This is by design. Slice is a private property, but accesible, from ReplaceStep.
-  // However, we need to read it to found if the step was adding a newline
-
-
-  const slice = step.slice;
-  return slice;
-};
+export { stepHasSlice, stepAddsOneOf, extractSliceFromStep } from '@atlaskit/editor-common/utils';

package/dist/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "172.1.1";
+export const version = "172.2.0";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "172.1.1",
+	"version": "172.2.0",
 	"sideEffects": false
 }

package/dist/esm/analytics-api/api.js

@@ -0,0 +1,27 @@
+import { FabricChannel } from '@atlaskit/analytics-listeners';
+import { attachPayloadIntoTransaction } from './attach-payload-into-transaction';
+export var createEditorAnalyticsAPI = function createEditorAnalyticsAPI(_ref) {
+  var getEditorView = _ref.getEditorView,
+      getCreateUIAnalyticsEvent = _ref.getCreateUIAnalyticsEvent;
+  return {
+    attachAnalyticsEvent: function attachAnalyticsEvent(payload) {
+      return function (tr) {
+        var createAnalyticsEvent = getCreateUIAnalyticsEvent();
+        var editorView = getEditorView();
+
+        if (!tr || !createAnalyticsEvent || !editorView) {
+          return false;
+        }
+
+        var editorState = editorView.state;
+        attachPayloadIntoTransaction({
+          tr: tr,
+          editorState: editorState,
+          payload: payload,
+          channel: FabricChannel.editor
+        });
+        return true;
+      };
+    }
+  };
+};

package/dist/esm/analytics-api/attach-payload-into-transaction.js

@@ -0,0 +1,22 @@
+import { getStateContext } from './editor-state-context';
+import { mapActionSubjectIdToAttributes } from './map-attributes';
+import { AnalyticsStep } from '@atlaskit/adf-schema/steps';
+import { ACTION } from '@atlaskit/editor-common/analytics';
+var actionsToIgnore = [ACTION.INVOKED, ACTION.OPENED];
+export var attachPayloadIntoTransaction = function attachPayloadIntoTransaction(_ref) {
+  var payload = _ref.payload,
+      editorState = _ref.editorState,
+      tr = _ref.tr,
+      channel = _ref.channel;
+  payload = getStateContext(editorState, payload);
+  payload = mapActionSubjectIdToAttributes(payload);
+  var storedMarks = tr.storedMarks;
+  tr.step(new AnalyticsStep([{
+    payload: payload,
+    channel: channel
+  }], actionsToIgnore, tr.selection.$from.pos)); // When you add a new step all the storedMarks are removed it
+
+  if (storedMarks) {
+    tr.setStoredMarks(storedMarks);
+  }
+};

package/dist/esm/analytics-api/editor-state-context.js

@@ -0,0 +1,81 @@
+import { ACTION, ACTION_SUBJECT, SELECTION_TYPE, SELECTION_POSITION } from '@atlaskit/editor-common/analytics';
+import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
+import { findParentNode } from 'prosemirror-utils';
+import { NodeSelection } from 'prosemirror-state';
+export function getSelectionType(state) {
+  var _selection$constructo;
+
+  var selection = state.selection;
+  var type;
+  var position;
+
+  if ((selection === null || selection === void 0 ? void 0 : (_selection$constructo = selection.constructor) === null || _selection$constructo === void 0 ? void 0 : _selection$constructo.name) === 'GapCursorSelection') {
+    type = SELECTION_TYPE.GAP_CURSOR;
+    position = selection.side;
+  } else if (selection instanceof CellSelection) {
+    type = SELECTION_TYPE.CELL;
+  } else if (selection instanceof NodeSelection) {
+    type = SELECTION_TYPE.NODE;
+  } else if (selection.from !== selection.to) {
+    type = SELECTION_TYPE.RANGED;
+  } else {
+    type = SELECTION_TYPE.CURSOR;
+    var from = selection.from,
+        $from = selection.$from;
+
+    if (from === $from.start()) {
+      position = SELECTION_POSITION.START;
+    } else if (from === $from.end()) {
+      position = SELECTION_POSITION.END;
+    } else {
+      position = SELECTION_POSITION.MIDDLE;
+    }
+  }
+
+  return {
+    type: type,
+    position: position
+  };
+}
+export function findInsertLocation(state) {
+  var selection = state.selection;
+
+  if (selection instanceof NodeSelection) {
+    return selection.node.type.name;
+  }
+
+  if (selection instanceof CellSelection) {
+    return state.schema.nodes.table.name;
+  } // Text selection
+
+
+  var parentNodeInfo = findParentNode(function (node) {
+    return node.type !== state.schema.nodes.paragraph;
+  })(state.selection);
+  return parentNodeInfo ? parentNodeInfo.node.type.name : state.doc.type.name;
+}
+export function getStateContext(state, payload) {
+  if (!payload.attributes) {
+    return payload;
+  }
+
+  var _getSelectionType = getSelectionType(state),
+      type = _getSelectionType.type,
+      position = _getSelectionType.position;
+
+  payload.attributes.selectionType = type;
+
+  if (position) {
+    payload.attributes.selectionPosition = position;
+  }
+
+  var insertLocation = findInsertLocation(state);
+
+  if (payload.action === ACTION.INSERTED && payload.actionSubject === ACTION_SUBJECT.DOCUMENT && payload.attributes) {
+    payload.attributes.insertLocation = insertLocation;
+  } else {
+    payload.attributes.nodeLocation = insertLocation;
+  }
+
+  return payload;
+}

package/dist/esm/analytics-api/map-attributes.js

@@ -0,0 +1,20 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import { ACTION, ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
+export function mapActionSubjectIdToAttributes(payload) {
+  var documentInserted = payload.action === ACTION.INSERTED && payload.actionSubject === ACTION_SUBJECT.DOCUMENT;
+  var textFormatted = payload.action === ACTION.FORMATTED && payload.actionSubject === ACTION_SUBJECT.TEXT;
+  var hasActionSubjectId = !!payload.actionSubjectId;
+
+  if (hasActionSubjectId && (documentInserted || textFormatted)) {
+    payload.attributes = _objectSpread(_objectSpread({}, payload.attributes), {}, {
+      actionSubjectId: payload.actionSubjectId
+    });
+  }
+
+  return payload;
+}

package/dist/esm/create-editor/ReactEditorView.js

@@ -47,6 +47,10 @@ import { EVENT_NAME_DISPATCH_TRANSACTION, EVENT_NAME_STATE_APPLY, EVENT_NAME_UPD
 import { PROSEMIRROR_RENDERED_NORMAL_SEVERITY_THRESHOLD, PROSEMIRROR_RENDERED_DEGRADED_SEVERITY_THRESHOLD, DEFAULT_SAMPLING_RATE_VALID_TRANSACTIONS } from './consts';
 import { getContextIdentifier } from '../plugins/base/pm-plugins/context-identifier';
 import ReactEditorViewContext from './ReactEditorViewContext';
+import { pluginKey as widthPluginKey } from '../plugins/width';
+import { createInsertNodeAPI } from '../insert-api/api';
+import { createEditorAnalyticsAPI } from '../analytics-api/api';
+import { createEditorSelectionAPI } from '../selection-api/api';
 
 function handleEditorFocus(view) {
   if (view.hasFocus()) {
@@ -174,7 +178,9 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
 
       _this.blur();
 
-      _this.config = processPluginsList(_this.getPlugins(props.editorProps, _this.props.editorProps, _this.props.createAnalyticsEvent));
+      var editorPlugins = _this.getPlugins(props.editorProps, _this.props.editorProps, _this.props.createAnalyticsEvent);
+
+      _this.config = processPluginsList(editorPlugins);
       var state = _this.editorState;
       var plugins = createPMPlugins({
         schema: state.schema,
@@ -215,6 +221,8 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
       fireAnalyticsEvent(_this.props.createAnalyticsEvent)(payload);
     });
 
+    _defineProperty(_assertThisInitialized(_this), "editorPlugins", []);
+
     _defineProperty(_assertThisInitialized(_this), "createEditorState", function (options) {
       var schema;
 
@@ -799,20 +807,50 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
       }
 
       this.eventDispatcher.destroy(); // this.view will be destroyed when React unmounts in handleEditorViewRef
-    } // Helper to allow tests to inject plugins directly
-
+    }
   }, {
     key: "getPlugins",
-    value: function getPlugins(editorProps, prevEditorProps, createAnalyticsEvent) {
-      var _editorProps$dangerou, _editorProps$dangerou2;
+    value: // Helper to allow tests to inject plugins directly
+    function getPlugins(editorProps, prevEditorProps, createAnalyticsEvent) {
+      var _editorProps$dangerou,
+          _editorProps$dangerou2,
+          _this2 = this;
 
       var editorPlugins = (_editorProps$dangerou = (_editorProps$dangerou2 = editorProps.dangerouslyAppendPlugins) === null || _editorProps$dangerou2 === void 0 ? void 0 : _editorProps$dangerou2.__plugins) !== null && _editorProps$dangerou !== void 0 ? _editorProps$dangerou : [];
-      var builtinPlugins = createPluginList(editorProps, prevEditorProps, createAnalyticsEvent);
+      var insertNodeAPI = createInsertNodeAPI({
+        getEditorView: function getEditorView() {
+          return _this2.view;
+        },
+        getEditorPlugins: function getEditorPlugins() {
+          return _this2.editorPlugins;
+        }
+      });
+      var editorAnalyticsAPI = createEditorAnalyticsAPI({
+        getEditorView: function getEditorView() {
+          return _this2.view;
+        },
+        getCreateUIAnalyticsEvent: function getCreateUIAnalyticsEvent() {
+          return createAnalyticsEvent;
+        }
+      });
+      var editorSelectionAPI = createEditorSelectionAPI();
+
+      var getEditorContainerWidth = function getEditorContainerWidth() {
+        if (!_this2.view) {
+          return null;
+        }
+
+        var state = _this2.view.state;
+        return widthPluginKey.getState(state) || null;
+      };
+
+      var builtinPlugins = createPluginList(editorProps, prevEditorProps, createAnalyticsEvent, insertNodeAPI, editorAnalyticsAPI, editorSelectionAPI, getEditorContainerWidth);
 
       if (editorPlugins && editorPlugins.length > 0) {
         builtinPlugins.push.apply(builtinPlugins, _toConsumableArray(editorPlugins));
       }
 
+      this.editorPlugins = builtinPlugins;
       return builtinPlugins;
     }
   }, {

package/dist/esm/create-editor/ReactEditorViewContext.js

@@ -1,3 +1,2 @@
-import React from 'react';
-var ReactEditorViewContext = /*#__PURE__*/React.createContext({});
+import { ReactEditorViewContext } from '@atlaskit/editor-common/ui-react';
 export default ReactEditorViewContext;

package/dist/esm/create-editor/create-plugins-list.js

@@ -5,7 +5,9 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, datePlugin, emojiPlugin, extensionPlugin, fragmentMarkPlugin, helpDialogPlugin, imageUploadPlugin, insertBlockPlugin, jiraIssuePlugin, layoutPlugin, listPlugin, toolbarListsIndentationPlugin, macroPlugin, maxContentSizePlugin, mediaPlugin, mentionsPlugin, panelPlugin, placeholderTextPlugin, rulePlugin, saveOnEnterPlugin, tablesPlugin, tasksAndDecisionsPlugin, textColorPlugin, cardPlugin, gridPlugin, statusPlugin, alignmentPlugin, indentationPlugin, analyticsPlugin, customAutoformatPlugin, feedbackDialogPlugin, historyPlugin, expandPlugin, isExpandInsertionEnabled, scrollIntoViewPlugin, mobileDimensionsPlugin, findReplacePlugin, contextPanelPlugin, mobileSelectionPlugin, annotationPlugin, captionPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin, copyButtonPlugin } from '../plugins';
+import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, datePlugin, emojiPlugin, extensionPlugin, fragmentMarkPlugin, helpDialogPlugin, imageUploadPlugin, insertBlockPlugin, jiraIssuePlugin, layoutPlugin, listPlugin, toolbarListsIndentationPlugin, macroPlugin, maxContentSizePlugin, mediaPlugin, mentionsPlugin, panelPlugin, placeholderTextPlugin, rulePlugin, saveOnEnterPlugin, // tablesPlugin,
+tablesPlugin, tasksAndDecisionsPlugin, textColorPlugin, cardPlugin, gridPlugin, statusPlugin, alignmentPlugin, indentationPlugin, analyticsPlugin, customAutoformatPlugin, feedbackDialogPlugin, historyPlugin, expandPlugin, isExpandInsertionEnabled, scrollIntoViewPlugin, mobileDimensionsPlugin, findReplacePlugin, contextPanelPlugin, mobileSelectionPlugin, annotationPlugin, captionPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin, copyButtonPlugin } from '../plugins'; // import { tablesPlugin } from '@atlaskit/editor-plugin-table';
+
 import { isFullPage as fullPageCheck } from '../utils/is-full-page';
 import { GUTTER_SIZE_MOBILE_IN_PX } from '../plugins/base/pm-plugins/scroll-gutter';
 import { createFeatureFlagsFromProps } from '../plugins/feature-flags-context/feature-flags-from-props';
@@ -116,7 +118,7 @@ export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEve
  * their placement in the editor toolbar
  */
 
-export default function createPluginsList(props, prevProps, createAnalyticsEvent) {
+export default function createPluginsList(props, prevProps, createAnalyticsEvent, insertNodeAPI, editorAnalyticsAPI, editorSelectionAPI, getEditorContainerWidth) {
   var _props$linking3;
 
   var appearance = props.appearance;
@@ -126,6 +128,10 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
   var preset = createDefaultPreset(getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent));
   var featureFlags = createFeatureFlagsFromProps(props);
 
+  var getEditorFeatureFlags = function getEditorFeatureFlags() {
+    return featureFlags;
+  };
+
   if (props.allowAnalyticsGASV3) {
     var performanceTracking = props.performanceTracking;
     preset.add([analyticsPlugin, {
@@ -218,7 +224,11 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
       breakoutEnabled: props.appearance === 'full-page',
       allowContextualMenu: !isMobile,
       fullWidthEnabled: props.appearance === 'full-width',
-      wasFullWidthEnabled: prevProps && prevProps.appearance === 'full-width'
+      wasFullWidthEnabled: prevProps && prevProps.appearance === 'full-width',
+      editorAnalyticsAPI: editorAnalyticsAPI,
+      editorSelectionAPI: editorSelectionAPI,
+      getEditorContainerWidth: getEditorContainerWidth,
+      getEditorFeatureFlags: getEditorFeatureFlags
     }]);
   }
 
@@ -385,7 +395,8 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
     horizontalRuleEnabled: props.allowRule,
     nativeStatusSupported: !statusMenuDisabled,
     showElementBrowserLink: props.elementBrowser && props.elementBrowser.showModal || false,
-    replacePlusMenuWithElementBrowser: props.elementBrowser && props.elementBrowser.replacePlusMenu || false
+    replacePlusMenuWithElementBrowser: props.elementBrowser && props.elementBrowser.replacePlusMenu || false,
+    insertNodeAPI: insertNodeAPI
   }]);
 
   var hasBeforePrimaryToolbar = function hasBeforePrimaryToolbar(components) {

package/dist/esm/event-dispatcher/index.js

@@ -1,74 +1 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-export var EventDispatcher = /*#__PURE__*/function () {
-  function EventDispatcher() {
-    _classCallCheck(this, EventDispatcher);
-
-    _defineProperty(this, "listeners", {});
-  }
-
-  _createClass(EventDispatcher, [{
-    key: "on",
-    value: function on(event, cb) {
-      if (!this.listeners[event]) {
-        this.listeners[event] = new Set();
-      }
-
-      this.listeners[event].add(cb);
-    }
-  }, {
-    key: "has",
-    value: function has(event, cb) {
-      if (!this.listeners[event]) {
-        return false;
-      }
-
-      return this.listeners[event].has(cb);
-    }
-  }, {
-    key: "off",
-    value: function off(event, cb) {
-      if (!this.listeners[event]) {
-        return;
-      }
-
-      if (this.listeners[event].has(cb)) {
-        this.listeners[event].delete(cb);
-      }
-    }
-  }, {
-    key: "emit",
-    value: function emit(event, data) {
-      if (!this.listeners[event]) {
-        return;
-      }
-
-      this.listeners[event].forEach(function (cb) {
-        return cb(data);
-      });
-    }
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      this.listeners = {};
-    }
-  }]);
-
-  return EventDispatcher;
-}();
-/**
- * Creates a dispatch function that can be called inside ProseMirror Plugin
- * to notify listeners about that plugin's state change.
- */
-
-export function createDispatch(eventDispatcher) {
-  return function (eventName, data) {
-    if (!eventName) {
-      throw new Error('event name is required!');
-    }
-
-    var event = typeof eventName === 'string' ? eventName : eventName.key;
-    eventDispatcher.emit(event, data);
-  };
-}
+export { EventDispatcher, createDispatch } from '@atlaskit/editor-common/event-dispatcher';