@atlaskit/editor-core 180.0.0 → 181.0.0

package/dist/esm/utils/index.js

@@ -1,23 +1,17 @@
 import { toggleMark } from 'prosemirror-commands';
-import { Fragment, Slice } from 'prosemirror-model';
 import { NodeSelection, TextSelection } from 'prosemirror-state';
-import { findWrapping, liftTarget } from 'prosemirror-transform';
 import { JSONTransformer } from '@atlaskit/editor-json-transformer';
 import { FakeTextCursorSelection } from '../plugins/fake-text-cursor/cursor';
 import { hasParentNodeOfType } from 'prosemirror-utils';
 import { isNodeEmpty } from './document';
 import { atTheBeginningOfDoc, atTheEndOfDoc } from './prosemirror/position';
+import { isMediaNode } from '@atlaskit/editor-common/utils';
 export { insideTable } from '@atlaskit/editor-common/core-utils';
 export { isEmptyParagraph, hasVisibleContent, isNodeEmpty, isEmptyDocument, processRawValue, getStepRange, findFarthestParentNode, isSelectionEndOfParagraph, nodesBetweenChanged, getNodesCount } from './document';
-export { cascadeCommands, getEditorValueWithMedia } from './action';
-export { isMarkAllowedInRange, isMarkExcluded, removeBlockMarks, sanitiseSelectionMarksForWrapping, sanitiseMarksInSelection } from './mark';
-export { isParagraph, isText, isLinkMark, validateNodes } from './nodes';
-export { normaliseNestedLayout, setNodeSelection, setAllSelection, setGapCursorSelection, setCellSelection, setTextSelection, isValidPosition } from './selection';
-export { containsClassName } from './dom';
+export { sanitiseMarksInSelection } from './mark';
+export { isParagraph, isText, isLinkMark } from './nodes';
+export { normaliseNestedLayout, setNodeSelection, setGapCursorSelection, setTextSelection } from './selection';
 export { default as measurements } from './performance/measure-enum';
-function validateNode(_node) {
-  return false;
-}
 function isMarkTypeCompatibleWithMark(markType, mark) {
   return !mark.type.excludes(markType) && !markType.excludes(mark.type);
 }
@@ -25,23 +19,12 @@ function isMarkTypeAllowedInNode(markType, state) {
   return toggleMark(markType)(state);
 }
 export function canMoveUp(state) {
-  var selection = state.selection,
-    doc = state.doc;
-
+  var selection = state.selection;
   /**
-   * If there's a media element on the selection,
-   * add text blocks with arrow navigation.
-   * Also, the selection could be media | mediaGroup.
+   * If there's a media element on the selection it will use a gap cursor to move
    */
-  if (selection instanceof NodeSelection) {
-    if (selection.node.type.name === 'media') {
-      /** Weird way of checking if the previous element is a paragraph */
-      var mediaAncestorNode = doc.nodeAt(selection.anchor - 3);
-      return !!(mediaAncestorNode && mediaAncestorNode.type.name === 'paragraph');
-    } else if (selection.node.type.name === 'mediaGroup') {
-      var mediaGroupAncestorNode = selection.$anchor.nodeBefore;
-      return !!(mediaGroupAncestorNode && mediaGroupAncestorNode.type.name === 'paragraph');
-    }
+  if (selection instanceof NodeSelection && isMediaNode(selection.node)) {
+    return true;
   }
   if (selection instanceof TextSelection) {
     if (!selection.empty) {
@@ -51,21 +34,13 @@ export function canMoveUp(state) {
   return !atTheBeginningOfDoc(state);
 }
 export function canMoveDown(state) {
-  var selection = state.selection,
-    doc = state.doc;
+  var selection = state.selection;
 
   /**
-   * If there's a media element on the selection,
-   * add text blocks with arrow navigation.
-   * Also, the selection could be media | mediaGroup.
+   * If there's a media element on the selection it will use a gap cursor to move
    */
-  if (selection instanceof NodeSelection) {
-    if (selection.node.type.name === 'media') {
-      var nodeAfter = doc.nodeAt(selection.$head.after());
-      return !!(nodeAfter && nodeAfter.type.name === 'paragraph');
-    } else if (selection.node.type.name === 'mediaGroup') {
-      return !(selection.$head.parentOffset === selection.$anchor.parent.content.size);
-    }
+  if (selection instanceof NodeSelection && isMediaNode(selection.node)) {
+    return true;
   }
   if (selection instanceof TextSelection) {
     if (!selection.empty) {
@@ -126,19 +101,6 @@ export function isMarkTypeAllowedInCurrentSelection(markType, state) {
     return allowedInActiveMarks;
   });
 }
-export function createSliceWithContent(content, state) {
-  return new Slice(Fragment.from(state.schema.text(content)), 0, 0);
-}
-
-/**
- * Determines if content inside a selection can be joined with the next block.
- * We need this check since the built-in method for "joinDown" will join a orderedList with bulletList.
- */
-export function canJoinDown(selection, doc, nodeType) {
-  return checkNodeDown(selection, doc, function (node) {
-    return node.type === nodeType;
-  });
-}
 export function checkNodeDown(selection, doc, filter) {
   var ancestorDepth = findAncestorPosition(doc, selection.$to).depth;
 
@@ -150,65 +112,10 @@ export function checkNodeDown(selection, doc, filter) {
   return res.nodeAfter ? filter(res.nodeAfter) : false;
 }
 
-/**
- * Determines if content inside a selection can be joined with the previous block.
- * We need this check since the built-in method for "joinUp" will join a orderedList with bulletList.
- */
-export function canJoinUp(selection, doc, nodeType) {
-  var res = doc.resolve(selection.$from.before(findAncestorPosition(doc, selection.$from).depth));
-  return res.nodeBefore && res.nodeBefore.type === nodeType;
-}
-
-/**
- * Finds all "selection-groups" within a range. A selection group is based on ancestors.
- *
- * Example:
- * Given the following document and selection ({<} = start of selection and {>} = end)
- *  doc
- *    blockquote
- *      ul
- *        li
- *        li{<}
- *        li
- *     p
- *     p{>}
- *
- * The output will be two selection-groups. One within the ul and one with the two paragraphs.
- */
-export function getGroupsInRange(doc, $from, $to) {
-  var isNodeValid = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : validateNode;
-  var groups = Array();
-  var commonAncestor = hasCommonAncestor(doc, $from, $to);
-  var fromAncestor = findAncestorPosition(doc, $from);
-  if (commonAncestor || fromAncestor.depth === 1 && isNodeValid($from.node(1))) {
-    groups.push({
-      $from: $from,
-      $to: $to
-    });
-  } else {
-    var current = $from;
-    while (current.pos < $to.pos) {
-      var ancestorPos = findAncestorPosition(doc, current);
-      while (ancestorPos.depth > 1) {
-        ancestorPos = findAncestorPosition(doc, ancestorPos);
-      }
-      var endPos = doc.resolve(Math.min(
-      // should not be smaller then start position in case of an empty paragraph for example.
-      Math.max(ancestorPos.start(ancestorPos.depth), ancestorPos.end(ancestorPos.depth) - 3), $to.pos));
-      groups.push({
-        $from: current,
-        $to: endPos
-      });
-      current = doc.resolve(Math.min(endPos.after(1) + 1, doc.nodeSize - 2));
-    }
-  }
-  return groups;
-}
-
 /**
  * Traverse the document until an "ancestor" is found. Any nestable block can be an ancestor.
  */
-export function findAncestorPosition(doc, pos) {
+function findAncestorPosition(doc, pos) {
   var nestableBlocks = ['blockquote', 'bulletList', 'orderedList'];
   if (pos.depth === 1) {
     return pos;
@@ -224,96 +131,6 @@ export function findAncestorPosition(doc, pos) {
   }
   return newPos;
 }
-
-/**
- * Determine if two positions have a common ancestor.
- */
-export function hasCommonAncestor(doc, $from, $to) {
-  var current;
-  var target;
-  if ($from.depth > $to.depth) {
-    current = findAncestorPosition(doc, $from);
-    target = findAncestorPosition(doc, $to);
-  } else {
-    current = findAncestorPosition(doc, $to);
-    target = findAncestorPosition(doc, $from);
-  }
-  while (current.depth > target.depth && current.depth > 1) {
-    current = findAncestorPosition(doc, current);
-  }
-  return current.node(current.depth) === target.node(target.depth);
-}
-
-/**
- * Takes a selection $from and $to and lift all text nodes from their parents to document-level
- */
-export function liftSelection(tr, doc, $from, $to) {
-  var startPos = $from.start($from.depth);
-  var endPos = $to.end($to.depth);
-  var target = Math.max(0, findAncestorPosition(doc, $from).depth - 1);
-  tr.doc.nodesBetween(startPos, endPos, function (node, pos) {
-    if (node.isText ||
-    // Text node
-    node.isTextblock && !node.textContent // Empty paragraph
-    ) {
-      var res = tr.doc.resolve(tr.mapping.map(pos));
-      var sel = new NodeSelection(res);
-      var range = sel.$from.blockRange(sel.$to);
-      if (liftTarget(range) !== undefined) {
-        tr.lift(range, target);
-      }
-    }
-  });
-  startPos = tr.mapping.map(startPos);
-  endPos = tr.mapping.map(endPos);
-  endPos = tr.doc.resolve(endPos).end(tr.doc.resolve(endPos).depth); // We want to select the entire node
-
-  tr.setSelection(new TextSelection(tr.doc.resolve(startPos), tr.doc.resolve(endPos)));
-  return {
-    tr: tr,
-    $from: tr.doc.resolve(startPos),
-    $to: tr.doc.resolve(endPos)
-  };
-}
-
-/**
- * Lift nodes in block to one level above.
- */
-export function liftSiblingNodes(view) {
-  var tr = view.state.tr;
-  var _view$state$selection = view.state.selection,
-    $from = _view$state$selection.$from,
-    $to = _view$state$selection.$to;
-  var blockStart = tr.doc.resolve($from.start($from.depth - 1));
-  var blockEnd = tr.doc.resolve($to.end($to.depth - 1));
-  var range = blockStart.blockRange(blockEnd);
-  view.dispatch(tr.lift(range, blockStart.depth - 1));
-}
-
-/**
- * Lift sibling nodes to document-level and select them.
- */
-export function liftAndSelectSiblingNodes(view) {
-  var tr = view.state.tr;
-  var _view$state$selection2 = view.state.selection,
-    $from = _view$state$selection2.$from,
-    $to = _view$state$selection2.$to;
-  var blockStart = tr.doc.resolve($from.start($from.depth - 1));
-  var blockEnd = tr.doc.resolve($to.end($to.depth - 1));
-  // TODO: [ts30] handle void and null properly
-  var range = blockStart.blockRange(blockEnd);
-  tr.setSelection(new TextSelection(blockStart, blockEnd));
-  tr.lift(range, blockStart.depth - 1);
-  return tr;
-}
-export function wrapIn(nodeType, tr, $from, $to) {
-  var range = $from.blockRange($to);
-  var wrapping = range && findWrapping(range, nodeType);
-  if (wrapping) {
-    tr = tr.wrap(range, wrapping).scrollIntoView();
-  }
-  return tr;
-}
 var transformer = new JSONTransformer();
 export function toJSON(node) {
   return transformer.encode(node);

package/dist/esm/utils/input-rules.js

@@ -24,19 +24,6 @@ export var ruleWithAnalytics = function ruleWithAnalytics(getPayload) {
     });
   };
 };
-export var ruleWithTransform = function ruleWithTransform(transform) {
-  return function (originalRule) {
-    var onHandlerApply = function onHandlerApply(state, tr, matchResult) {
-      transform(state, tr);
-      if (originalRule.onHandlerApply) {
-        originalRule.onHandlerApply(state, tr, matchResult);
-      }
-    };
-    return _objectSpread(_objectSpread({}, originalRule), {}, {
-      onHandlerApply: onHandlerApply
-    });
-  };
-};
 export var createRule = function createRule(match, handler) {
   return {
     match: match,

package/dist/esm/utils/linking-utils.js

@@ -1,4 +1,4 @@
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID, INPUT_METHOD } from '../plugins/analytics';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 export var buildEditLinkPayload = function buildEditLinkPayload(type) {
   return {
     action: ACTION.CLICKED,

package/dist/esm/utils/performance/components/RenderTracking.js

@@ -1,7 +1,7 @@
 import { useMemo } from 'react';
 import debounce from 'lodash/debounce';
 import { useComponentRenderTracking } from '@atlaskit/editor-common/utils';
-import { EVENT_TYPE } from '../../../plugins/analytics';
+import { EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 export function RenderTracking(props) {
   var debouncedHandleAnalyticsEvent = useMemo(function () {
     return debounce(props.handleAnalyticsEvent, 500);

package/dist/esm/utils/performance/safer-transactions.js

@@ -1,4 +1,4 @@
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../../plugins/analytics';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 export var UNSAFE_PROPERTY_SET_ERROR = 'Setting an unsafe property on transaction after dispatch!';
 
 // since selection uses curSelection under the hood, we guard setSelection instead

package/dist/esm/utils/prepare-extension-provider.js

@@ -0,0 +1,17 @@
+import { combineExtensionProviders } from '@atlaskit/editor-common/extensions';
+import memoizeOne from 'memoize-one';
+function prepareExtensionProvidersInternal(editorActions, extensionProviders) {
+  if (!extensionProviders) {
+    return;
+  }
+  if (typeof extensionProviders === 'function') {
+    return combineExtensionProviders(extensionProviders(editorActions));
+  }
+  return combineExtensionProviders(extensionProviders);
+}
+var prepareExtensionProvider = function prepareExtensionProvider(getEditorActions) {
+  return memoizeOne(function (extensionProviders) {
+    return prepareExtensionProvidersInternal(getEditorActions(), extensionProviders);
+  });
+};
+export default prepareExtensionProvider;

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "180.0.0";
+export var version = "181.0.0";
 export var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/esm/version.json

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

package/dist/types/actions/index.d.ts

@@ -1,10 +1,10 @@
 import { Node } from 'prosemirror-model';
-import { EditorActionsOptions, ContextUpdateHandler } from '@atlaskit/editor-common/types';
-import { EditorView } from 'prosemirror-view';
-import { EventDispatcher } from '../event-dispatcher';
+import { ContextUpdateHandler, EditorActionsOptions, ReplaceRawValue } from '@atlaskit/editor-common/types';
 import { AnalyticsEventPayload } from '@atlaskit/analytics-next/AnalyticsEvent';
-import { Transformer } from '@atlaskit/editor-common/types';
 import { ResolvedEditorState } from '@atlaskit/editor-common/collab';
+import { Transformer } from '@atlaskit/editor-common/types';
+import { EditorView } from 'prosemirror-view';
+import { EventDispatcher } from '../event-dispatcher';
 export default class EditorActions<T = any> implements EditorActionsOptions<T> {
     private editorView?;
     private contentTransformer?;
@@ -34,7 +34,7 @@ export default class EditorActions<T = any> implements EditorActionsOptions<T> {
     replaceDocument(rawValue: any, shouldScrollToBottom?: boolean, 
     /** @deprecated [ED-14158] shouldAddToHistory is not being used in this function */
     shouldAddToHistory?: boolean): boolean;
-    replaceSelection(rawValue: Node | Object | string, tryToReplace?: boolean): boolean;
+    replaceSelection(rawValue: ReplaceRawValue | Array<ReplaceRawValue>, tryToReplace?: boolean): boolean;
     appendText(text: string): boolean;
     dispatchAnalyticsEvent: (payload: AnalyticsEventPayload) => void;
     /**

package/dist/types/create-editor/ReactEditorView.d.ts

@@ -1,113 +1,8 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { EditorState } from 'prosemirror-state';
-import { DirectEditorProps, EditorView } from 'prosemirror-view';
-import { Node as PMNode } from 'prosemirror-model';
-import { WrappedComponentProps } from 'react-intl-next';
-import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import { ErrorReporter } from '@atlaskit/editor-common/utils';
-import { ExperienceStore } from '@atlaskit/editor-common/ufo';
-import { Transformer } from '@atlaskit/editor-common/types';
-import { Dispatch, EventDispatcher } from '../event-dispatcher';
-import { AnalyticsEventPayload, DispatchAnalyticsEvent, FULL_WIDTH_MODE } from '../plugins/analytics';
-import { EditorAppearance, EditorConfig, EditorReactContext, EditorPlugin, EditorProps } from '../types';
-import { PortalProviderAPI } from '../ui/PortalProvider';
-import { SEVERITY } from '@atlaskit/editor-common/utils';
-import { TransactionTracker } from '../utils/performance/track-transactions';
-import { FireAnalyticsCallback } from '../plugins/analytics/fire-analytics-event';
-export interface EditorViewProps {
-    editorProps: EditorProps;
-    createAnalyticsEvent?: CreateUIAnalyticsEvent;
-    providerFactory: ProviderFactory;
-    portalProviderAPI: PortalProviderAPI;
-    allowAnalyticsGASV3?: boolean;
-    disabled?: boolean;
-    experienceStore?: ExperienceStore;
-    render?: (props: {
-        editor: JSX.Element;
-        view?: EditorView;
-        config: EditorConfig;
-        eventDispatcher: EventDispatcher;
-        transformer?: Transformer<string>;
-        dispatchAnalyticsEvent: DispatchAnalyticsEvent;
-        editorRef: React.RefObject<HTMLDivElement>;
-    }) => JSX.Element;
-    onEditorCreated: (instance: {
-        view: EditorView;
-        config: EditorConfig;
-        eventDispatcher: EventDispatcher;
-        transformer?: Transformer<string>;
-    }) => void;
-    onEditorDestroyed: (instance: {
-        view: EditorView;
-        config: EditorConfig;
-        eventDispatcher: EventDispatcher;
-        transformer?: Transformer<string>;
-    }) => void;
+/// <reference types="react" />
+import { ReactEditorView as BaseReactEditorView } from './ReactEditorViewInternal';
+export declare class ReactEditorView<T = {}> extends BaseReactEditorView<T> {
 }
-export declare function shouldReconfigureState(props: EditorProps, nextProps: EditorProps): boolean;
-interface CreateEditorStateOptions {
-    props: EditorViewProps;
-    context: EditorReactContext;
-    doc?: string | Object | PMNode;
-    resetting?: boolean;
-    selectionAtStart?: boolean;
-}
-export declare class ReactEditorView<T = {}> extends React.Component<EditorViewProps & WrappedComponentProps & T, {}, EditorReactContext> {
-    view?: EditorView;
-    eventDispatcher: EventDispatcher;
-    contentTransformer?: Transformer<string>;
-    config: EditorConfig;
-    editorState: EditorState;
-    errorReporter: ErrorReporter;
-    dispatch: Dispatch;
-    proseMirrorRenderedSeverity?: SEVERITY;
-    transactionTracker: TransactionTracker;
-    validTransactionCount: number;
-    experienceStore?: ExperienceStore;
-    editorRef: React.RefObject<HTMLDivElement>;
-    static contextTypes: {
-        getAtlaskitAnalyticsEventHandlers: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    private canDispatchTransactions;
-    private focusTimeoutId?;
-    private reliabilityInterval?;
-    private pluginPerformanceObserver;
-    private featureFlags;
-    private onPluginObservation;
-    get transactionTracking(): import("../types/performance-tracking").TransactionTracking;
-    private getPluginNames;
-    private countNodes;
-    constructor(props: EditorViewProps & WrappedComponentProps & T, context: EditorReactContext);
-    UNSAFE_componentWillReceiveProps(nextProps: EditorViewProps): void;
-    formatFullWidthAppearance: (appearance: EditorAppearance | undefined) => FULL_WIDTH_MODE;
-    resetEditorState: ({ doc, shouldScrollToBottom, }: {
-        doc: string;
-        shouldScrollToBottom: boolean;
-    }) => void;
-    blur: () => void;
-    reconfigureState: (props: EditorViewProps) => void;
-    handleAnalyticsEvent: FireAnalyticsCallback;
-    componentDidMount(): void;
-    /**
-     * Clean up any non-PM resources when the editor is unmounted
-     */
-    componentWillUnmount(): void;
-    private editorPlugins;
-    getPlugins(editorProps: EditorProps, prevEditorProps?: EditorProps, createAnalyticsEvent?: CreateUIAnalyticsEvent): EditorPlugin[];
-    createEditorState: (options: CreateEditorStateOptions) => EditorState<any>;
-    private onEditorViewStateUpdated;
-    private trackValidTransactions;
-    private dispatchTransaction;
-    getDirectEditorProps: (state?: EditorState<any> | undefined) => DirectEditorProps;
-    private createEditorView;
-    handleEditorViewRef: (node: HTMLDivElement) => void;
-    dispatchAnalyticsEvent: (payload: AnalyticsEventPayload) => void;
-    private editor;
-    render(): JSX.Element;
-}
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<EditorViewProps & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<EditorViewProps & WrappedComponentProps<"intl">>;
+declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<import("./ReactEditorViewInternal").EditorViewProps & import("react-intl-next").WrappedComponentProps<"intl">>> & {
+    WrappedComponent: import("react").ComponentType<import("./ReactEditorViewInternal").EditorViewProps & import("react-intl-next").WrappedComponentProps<"intl">>;
 };
 export default _default;

package/dist/types/create-editor/ReactEditorViewInternal.d.ts

@@ -0,0 +1,114 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { EditorState } from 'prosemirror-state';
+import { DirectEditorProps, EditorView } from 'prosemirror-view';
+import { Node as PMNode } from 'prosemirror-model';
+import { WrappedComponentProps } from 'react-intl-next';
+import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import { ErrorReporter } from '@atlaskit/editor-common/utils';
+import { ExperienceStore } from '@atlaskit/editor-common/ufo';
+import { Transformer, AllEditorPresetPluginTypes } from '@atlaskit/editor-common/types';
+import { Dispatch, EventDispatcher } from '../event-dispatcher';
+import { AnalyticsEventPayload, DispatchAnalyticsEvent, FULL_WIDTH_MODE } from '@atlaskit/editor-common/analytics';
+import { EditorAppearance, EditorConfig, EditorReactContext, EditorPlugin, EditorProps } from '../types';
+import type { EditorNextProps } from '../types/editor-props';
+import { PortalProviderAPI } from '../ui/PortalProvider';
+import { SEVERITY } from '@atlaskit/editor-common/utils';
+import { TransactionTracker } from '../utils/performance/track-transactions';
+import type { FireAnalyticsCallback } from '@atlaskit/editor-common/analytics';
+import { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
+export interface EditorViewProps {
+    editorProps: EditorProps | EditorNextProps;
+    createAnalyticsEvent?: CreateUIAnalyticsEvent;
+    providerFactory: ProviderFactory;
+    portalProviderAPI: PortalProviderAPI;
+    allowAnalyticsGASV3?: boolean;
+    disabled?: boolean;
+    experienceStore?: ExperienceStore;
+    render?: (props: {
+        editor: JSX.Element;
+        view?: EditorView;
+        config: EditorConfig;
+        eventDispatcher: EventDispatcher;
+        transformer?: Transformer<string>;
+        dispatchAnalyticsEvent: DispatchAnalyticsEvent;
+        editorRef: React.RefObject<HTMLDivElement>;
+    }) => JSX.Element;
+    onEditorCreated: (instance: {
+        view: EditorView;
+        config: EditorConfig;
+        eventDispatcher: EventDispatcher;
+        transformer?: Transformer<string>;
+    }) => void;
+    onEditorDestroyed: (instance: {
+        view: EditorView;
+        config: EditorConfig;
+        eventDispatcher: EventDispatcher;
+        transformer?: Transformer<string>;
+    }) => void;
+    preset: EditorPresetBuilder<string[], AllEditorPresetPluginTypes[]>;
+}
+interface CreateEditorStateOptions {
+    props: EditorViewProps;
+    context: EditorReactContext;
+    doc?: string | Object | PMNode;
+    resetting?: boolean;
+    selectionAtStart?: boolean;
+}
+export declare class ReactEditorView<T = {}> extends React.Component<EditorViewProps & WrappedComponentProps & T, {}, EditorReactContext> {
+    view?: EditorView;
+    eventDispatcher: EventDispatcher;
+    contentTransformer?: Transformer<string>;
+    config: EditorConfig;
+    editorState: EditorState;
+    errorReporter: ErrorReporter;
+    dispatch: Dispatch;
+    proseMirrorRenderedSeverity?: SEVERITY;
+    transactionTracker: TransactionTracker;
+    validTransactionCount: number;
+    experienceStore?: ExperienceStore;
+    editorRef: React.RefObject<HTMLDivElement>;
+    static contextTypes: {
+        getAtlaskitAnalyticsEventHandlers: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    private canDispatchTransactions;
+    private focusTimeoutId?;
+    private reliabilityInterval?;
+    private pluginPerformanceObserver;
+    private featureFlags;
+    private pluginInjectionAPI;
+    private onPluginObservation;
+    get transactionTracking(): import("../types/performance-tracking").TransactionTracking;
+    private getPluginNames;
+    private countNodes;
+    constructor(props: EditorViewProps & WrappedComponentProps & T, context: EditorReactContext);
+    getEditorState: () => EditorState<any> | undefined;
+    UNSAFE_componentWillReceiveProps(nextProps: EditorViewProps): void;
+    formatFullWidthAppearance: (appearance: EditorAppearance | undefined) => FULL_WIDTH_MODE;
+    resetEditorState: ({ doc, shouldScrollToBottom, }: {
+        doc: string;
+        shouldScrollToBottom: boolean;
+    }) => void;
+    blur: () => void;
+    reconfigureState(props: EditorViewProps): void;
+    handleAnalyticsEvent: FireAnalyticsCallback;
+    componentDidMount(): void;
+    /**
+     * Clean up any non-PM resources when the editor is unmounted
+     */
+    componentWillUnmount(): void;
+    private editorPlugins;
+    getPlugins(preset: EditorPresetBuilder<string[], AllEditorPresetPluginTypes[]>): EditorPlugin[];
+    createEditorState: (options: CreateEditorStateOptions) => EditorState<any>;
+    private onEditorViewStateUpdated;
+    private trackValidTransactions;
+    private dispatchTransaction;
+    getDirectEditorProps: (state?: EditorState<any> | undefined) => DirectEditorProps;
+    private createEditorView;
+    handleEditorViewRef: (node: HTMLDivElement) => void;
+    dispatchAnalyticsEvent: (payload: AnalyticsEventPayload) => void;
+    private editor;
+    render(): JSX.Element;
+}
+export {};

package/dist/types/create-editor/ReactEditorViewNext.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { EditorViewProps } from './ReactEditorViewInternal';
+import { WrappedComponentProps } from 'react-intl-next';
+export declare function ReactEditorViewEditor<T = {}>(props: EditorViewProps & WrappedComponentProps & T): JSX.Element;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<EditorViewProps & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<EditorViewProps & WrappedComponentProps<"intl">>;
+};
+export default _default;

package/dist/types/create-editor/create-plugins-list.d.ts

@@ -1,13 +1,10 @@
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { EditorPlugin, EditorProps } from '../types';
 import { EditorPluginFeatureProps } from '../types/editor-props';
-import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
-import type { InsertNodeAPI } from '../insert-api/types';
-import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-import type { EditorSelectionAPI } from '@atlaskit/editor-common/selection';
 import { ScrollGutterPluginOptions } from '../plugins/base/pm-plugins/scroll-gutter';
 import { DefaultPresetPluginOptions } from '../labs/next/presets/default';
 import { EditorPresetProps } from '../labs/next/presets/types';
+import type { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
 export declare function getScrollGutterOptions(props: EditorProps): ScrollGutterPluginOptions | undefined;
 export declare function getDefaultPresetOptionsFromEditorProps(props: EditorProps, createAnalyticsEvent?: CreateUIAnalyticsEvent): EditorPresetProps & DefaultPresetPluginOptions & EditorPluginFeatureProps;
 /**
@@ -16,4 +13,5 @@ export declare function getDefaultPresetOptionsFromEditorProps(props: EditorProp
  * Note: The order that presets are added determines
  * their placement in the editor toolbar
  */
-export default function createPluginsList(props: EditorProps, prevProps?: EditorProps, createAnalyticsEvent?: CreateUIAnalyticsEvent, insertNodeAPI?: InsertNodeAPI, editorAnalyticsAPI?: EditorAnalyticsAPI, editorSelectionAPI?: EditorSelectionAPI, getEditorContainerWidth?: GetEditorContainerWidth): EditorPlugin[];
+export default function createPluginsList(props: EditorProps, prevProps?: EditorProps, createAnalyticsEvent?: CreateUIAnalyticsEvent): EditorPlugin[];
+export declare function createPreset(props: EditorProps, prevProps?: EditorProps, createAnalyticsEvent?: CreateUIAnalyticsEvent): EditorPresetBuilder<any, any>;

package/dist/types/create-editor/preset-utils.d.ts

@@ -0,0 +1,2 @@
+import type { EditorProps } from '../types/editor-props';
+export declare function shouldRecreatePreset(props: EditorProps, nextProps: EditorProps): boolean;