@atlaskit/editor-core 180.1.0 → 181.0.0

package/dist/es2019/create-editor/ReactEditorViewInternal.js

@@ -29,8 +29,7 @@ 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 { createInsertNodeAPI } from '../insert-api/api';
-import { createEditorAnalyticsAPI } from '../analytics-api/api';
+import { EditorPluginInjectionAPI } from '@atlaskit/editor-common/preset';
 function handleEditorFocus(view) {
   if (view.hasFocus()) {
     return;
@@ -39,18 +38,6 @@ function handleEditorFocus(view) {
     view.focus();
   }, 0);
 }
-const EMPTY = [];
-export function shouldReconfigureState(props, nextProps) {
-  var _props$dangerouslyApp, _props$dangerouslyApp2, _nextProps$dangerousl, _nextProps$dangerousl2;
-  const prevPlugins = (_props$dangerouslyApp = (_props$dangerouslyApp2 = props.dangerouslyAppendPlugins) === null || _props$dangerouslyApp2 === void 0 ? void 0 : _props$dangerouslyApp2.__plugins) !== null && _props$dangerouslyApp !== void 0 ? _props$dangerouslyApp : EMPTY;
-  const nextPlugins = (_nextProps$dangerousl = (_nextProps$dangerousl2 = nextProps.dangerouslyAppendPlugins) === null || _nextProps$dangerousl2 === void 0 ? void 0 : _nextProps$dangerousl2.__plugins) !== null && _nextProps$dangerousl !== void 0 ? _nextProps$dangerousl : EMPTY;
-  if (nextPlugins.length !== prevPlugins.length || prevPlugins.some(p => nextPlugins.some(n => n.name === p.name && n !== p))) {
-    return true;
-  }
-  const mobileProperties = props.appearance === 'mobile' ? ['featureFlags', 'quickInsert'] : [];
-  const properties = ['appearance', 'persistScrollGutter', 'allowUndoRedoButtons', 'placeholder', 'sanitizePrivateContent', ...mobileProperties];
-  return properties.reduce((acc, curr) => acc || props[curr] !== nextProps[curr], false);
-}
 export class ReactEditorView extends React.Component {
   // ProseMirror is instantiated prior to the initial React render cycle,
   // so we allow transactions by default, to avoid discarding the initial one.
@@ -67,8 +54,8 @@ export class ReactEditorView extends React.Component {
   countNodes() {
     return countNodes(this.editorState);
   }
-  constructor(_props, context) {
-    super(_props, context);
+  constructor(props, context) {
+    super(props, context);
     _defineProperty(this, "editorRef", /*#__PURE__*/React.createRef());
     _defineProperty(this, "canDispatchTransactions", true);
     _defineProperty(this, "onPluginObservation", (report, editorState) => {
@@ -82,6 +69,10 @@ export class ReactEditorView extends React.Component {
         }
       });
     });
+    _defineProperty(this, "getEditorState", () => {
+      var _this$view;
+      return (_this$view = this.view) === null || _this$view === void 0 ? void 0 : _this$view.state;
+    });
     _defineProperty(this, "formatFullWidthAppearance", appearance => {
       if (appearance === 'full-width') {
         return FULL_WIDTH_MODE.FULL_WIDTH;
@@ -130,45 +121,6 @@ export class ReactEditorView extends React.Component {
         sel.removeAllRanges();
       }
     });
-    _defineProperty(this, "reconfigureState", props => {
-      if (!this.view) {
-        return;
-      }
-
-      // We cannot currently guarentee when all the portals will have re-rendered during a reconfigure
-      // so we blur here to stop ProseMirror from trying to apply selection to detached nodes or
-      // nodes that haven't been re-rendered to the document yet.
-      this.blur();
-      const editorPlugins = this.getPlugins(props.editorProps, this.props.editorProps, this.props.createAnalyticsEvent);
-      this.config = processPluginsList(editorPlugins);
-      const state = this.editorState;
-      const plugins = createPMPlugins({
-        schema: state.schema,
-        dispatch: this.dispatch,
-        errorReporter: this.errorReporter,
-        editorConfig: this.config,
-        eventDispatcher: this.eventDispatcher,
-        providerFactory: props.providerFactory,
-        portalProviderAPI: props.portalProviderAPI,
-        reactContext: () => this.context,
-        dispatchAnalyticsEvent: this.dispatchAnalyticsEvent,
-        performanceTracking: props.editorProps.performanceTracking,
-        transactionTracker: this.transactionTracker,
-        featureFlags: createFeatureFlagsFromProps(props.editorProps),
-        getIntl: () => this.props.intl
-      });
-      const newState = state.reconfigure({
-        plugins: plugins
-      });
-
-      // need to update the state first so when the view builds the nodeviews it is
-      // using the latest plugins
-      this.view.updateState(newState);
-      return this.view.update({
-        ...this.view.props,
-        state: newState
-      });
-    });
     _defineProperty(this, "handleAnalyticsEvent", payload => {
       if (!this.props.allowAnalyticsGASV3) {
         return;
@@ -199,7 +151,7 @@ export class ReactEditorView extends React.Component {
           return this.editorState;
         }
       } else {
-        this.config = processPluginsList(this.getPlugins(options.props.editorProps, undefined, options.props.createAnalyticsEvent));
+        this.config = processPluginsList(this.getPlugins(options.props.preset));
         schema = createSchema(this.config);
       }
       const {
@@ -319,6 +271,10 @@ export class ReactEditorView extends React.Component {
           var _this$experienceStore3;
           (_this$experienceStore3 = this.experienceStore) === null || _this$experienceStore3 === void 0 ? void 0 : _this$experienceStore3.mark(EditorExperience.interaction, 'viewUpdateState', startTime + duration);
         });
+        this.pluginInjectionAPI.onEditorViewUpdated({
+          newEditorState: editorState,
+          oldEditorState
+        });
         startMeasure(EVENT_NAME_VIEW_STATE_UPDATED);
         this.onEditorViewStateUpdated({
           originalTransaction: transaction,
@@ -441,6 +397,10 @@ export class ReactEditorView extends React.Component {
       this.view = new EditorView({
         mount: node
       }, this.getDirectEditorProps());
+      this.pluginInjectionAPI.onEditorViewUpdated({
+        newEditorState: this.view.state,
+        oldEditorState: undefined
+      });
     });
     _defineProperty(this, "handleEditorViewRef", node => {
       if (!this.view && node) {
@@ -523,9 +483,12 @@ export class ReactEditorView extends React.Component {
       "aria-label": this.props.intl.formatMessage(editorMessages.editorAssistiveLabel),
       role: "textbox"
     }));
+    this.pluginInjectionAPI = new EditorPluginInjectionAPI({
+      getEditorState: this.getEditorState
+    });
     this.eventDispatcher = new EventDispatcher();
     this.dispatch = createDispatch(this.eventDispatcher);
-    this.errorReporter = createErrorReporter(_props.editorProps.errorReporterHandler);
+    this.errorReporter = createErrorReporter(props.editorProps.errorReporterHandler);
     this.transactionTracker = new TransactionTracker();
     this.pluginPerformanceObserver = new PluginPerformanceObserver(report => this.onPluginObservation(report, this.editorState)).withPlugins(() => this.getPluginNames()).withNodeCounts(() => this.countNodes()).withOptions(() => this.transactionTracking).withTransactionTracker(() => this.transactionTracker);
     this.validTransactionCount = 0;
@@ -543,11 +506,11 @@ export class ReactEditorView extends React.Component {
     this.eventDispatcher.on(analyticsEventKey, this.handleAnalyticsEvent);
     this.eventDispatcher.on('resetEditorState', this.resetEditorState);
     this.editorState = this.createEditorState({
-      props: _props,
+      props,
       context,
-      doc: _props.editorProps.defaultValue,
+      doc: props.editorProps.defaultValue,
       // ED-4759: Don't set selection at end for full-page editor - should be at start.
-      selectionAtStart: isFullPage(_props.editorProps.appearance)
+      selectionAtStart: isFullPage(props.editorProps.appearance)
     });
     this.dispatchAnalyticsEvent({
       action: ACTION.STARTED,
@@ -582,7 +545,7 @@ export class ReactEditorView extends React.Component {
     const {
       appearance: nextAppearance
     } = nextProps.editorProps;
-    if (shouldReconfigureState(this.props.editorProps, nextProps.editorProps)) {
+    if (this.props.preset !== nextProps.preset) {
       this.reconfigureState(nextProps);
     }
     if (nextAppearance !== appearance) {
@@ -602,6 +565,45 @@ export class ReactEditorView extends React.Component {
       this.pluginPerformanceObserver.disconnect();
     }
   }
+  reconfigureState(props) {
+    if (!this.view) {
+      return;
+    }
+
+    // We cannot currently guarentee when all the portals will have re-rendered during a reconfigure
+    // so we blur here to stop ProseMirror from trying to apply selection to detached nodes or
+    // nodes that haven't been re-rendered to the document yet.
+    this.blur();
+    const editorPlugins = this.getPlugins(props.preset);
+    this.config = processPluginsList(editorPlugins);
+    const state = this.editorState;
+    const plugins = createPMPlugins({
+      schema: state.schema,
+      dispatch: this.dispatch,
+      errorReporter: this.errorReporter,
+      editorConfig: this.config,
+      eventDispatcher: this.eventDispatcher,
+      providerFactory: props.providerFactory,
+      portalProviderAPI: props.portalProviderAPI,
+      reactContext: () => this.context,
+      dispatchAnalyticsEvent: this.dispatchAnalyticsEvent,
+      performanceTracking: props.editorProps.performanceTracking,
+      transactionTracker: this.transactionTracker,
+      featureFlags: createFeatureFlagsFromProps(props.editorProps),
+      getIntl: () => this.props.intl
+    });
+    const newState = state.reconfigure({
+      plugins: plugins
+    });
+
+    // need to update the state first so when the view builds the nodeviews it is
+    // using the latest plugins
+    this.view.updateState(newState);
+    return this.view.update({
+      ...this.view.props,
+      state: newState
+    });
+  }
   componentDidMount() {
     // Transaction dispatching is already enabled by default prior to
     // mounting, but we reset it here, just in case the editor view
@@ -644,28 +646,11 @@ export class ReactEditorView extends React.Component {
   }
 
   // Helper to allow tests to inject plugins directly
-  getPlugins(editorProps, prevEditorProps, createAnalyticsEvent) {
-    var _this$props$getEditor, _this$props$getEditor2, _this$props;
-    const insertNodeAPI = createInsertNodeAPI({
-      getEditorView: () => this.view,
-      getEditorPlugins: () => this.editorPlugins
-    });
-    const editorAnalyticsAPI = createEditorAnalyticsAPI({
-      getEditorView: () => this.view,
-      getCreateUIAnalyticsEvent: () => createAnalyticsEvent
+  getPlugins(preset) {
+    const plugins = preset.build({
+      pluginInjectionAPI: this.pluginInjectionAPI
     });
-    const getPluginsProps = {
-      props: editorProps,
-      prevAppearance: prevEditorProps === null || prevEditorProps === void 0 ? void 0 : prevEditorProps.appearance,
-      createAnalyticsEvent,
-      insertNodeAPI,
-      editorAnalyticsAPI
-    };
-    if (this.props.getEditorPlugins === undefined) {
-      // eslint-disable-next-line no-console
-      console.error('getEditorPlugins is undefined in ReactEditorViewInternal - no editor plugins will be added.');
-    }
-    this.editorPlugins = (_this$props$getEditor = (_this$props$getEditor2 = (_this$props = this.props).getEditorPlugins) === null || _this$props$getEditor2 === void 0 ? void 0 : _this$props$getEditor2.call(_this$props, getPluginsProps)) !== null && _this$props$getEditor !== void 0 ? _this$props$getEditor : [];
+    this.editorPlugins = plugins;
     return this.editorPlugins;
   }
   render() {

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

@@ -100,13 +100,35 @@ export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEve
  * Note: The order that presets are added determines
  * their placement in the editor toolbar
  */
-export default function createPluginsList(props, prevProps, createAnalyticsEvent, insertNodeAPI, editorAnalyticsAPI, editorSelectionAPI, getEditorContainerWidth) {
-  const preset = createUniversalPreset(props.appearance, getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent), createFeatureFlagsFromProps(props), prevProps === null || prevProps === void 0 ? void 0 : prevProps.appearance, createAnalyticsEvent, insertNodeAPI, editorAnalyticsAPI, editorSelectionAPI, getEditorContainerWidth);
+export default function createPluginsList(props, prevProps, createAnalyticsEvent) {
+  const preset = createUniversalPreset(props.appearance, getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent), createFeatureFlagsFromProps(props), prevProps === null || prevProps === void 0 ? void 0 : prevProps.appearance, createAnalyticsEvent);
   const excludes = new Set();
   if (!isCodeBlockAllowed({
     allowBlockType: props.allowBlockType
   })) {
     excludes.add('codeBlock');
   }
-  return preset.getEditorPlugins(excludes);
+  return preset.build({
+    excludePlugins: excludes
+  });
+}
+function withDangerouslyAppendPlugins(preset) {
+  function createEditorNextPluginsFromDangerouslyAppended(plugins) {
+    return plugins ? plugins.map(plugin => () => plugin) : [];
+  }
+  return editorPluginsToAppend => {
+    if (!editorPluginsToAppend || editorPluginsToAppend.length === 0) {
+      return preset;
+    }
+    const nextEditorPluginsToAppend = createEditorNextPluginsFromDangerouslyAppended(editorPluginsToAppend);
+    const presetWithAppendedPlugins = nextEditorPluginsToAppend.reduce((acc, plugin) => {
+      return acc.add(plugin);
+    }, preset);
+    return presetWithAppendedPlugins;
+  };
+}
+export function createPreset(props, prevProps, createAnalyticsEvent) {
+  var _props$dangerouslyApp;
+  const preset = createUniversalPreset(props.appearance, getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent), createFeatureFlagsFromProps(props), prevProps === null || prevProps === void 0 ? void 0 : prevProps.appearance, createAnalyticsEvent);
+  return withDangerouslyAppendPlugins(preset)((_props$dangerouslyApp = props.dangerouslyAppendPlugins) === null || _props$dangerouslyApp === void 0 ? void 0 : _props$dangerouslyApp.__plugins);
 }

package/dist/es2019/create-editor/preset-utils.js

@@ -0,0 +1,15 @@
+const EMPTY = [];
+export function shouldRecreatePreset(props, nextProps) {
+  var _props$dangerouslyApp, _props$dangerouslyApp2, _nextProps$dangerousl, _nextProps$dangerousl2;
+  const prevPlugins = (_props$dangerouslyApp = (_props$dangerouslyApp2 = props.dangerouslyAppendPlugins) === null || _props$dangerouslyApp2 === void 0 ? void 0 : _props$dangerouslyApp2.__plugins) !== null && _props$dangerouslyApp !== void 0 ? _props$dangerouslyApp : EMPTY;
+  const nextPlugins = (_nextProps$dangerousl = (_nextProps$dangerousl2 = nextProps.dangerouslyAppendPlugins) === null || _nextProps$dangerousl2 === void 0 ? void 0 : _nextProps$dangerousl2.__plugins) !== null && _nextProps$dangerousl !== void 0 ? _nextProps$dangerousl : EMPTY;
+  if (nextPlugins.length !== prevPlugins.length || prevPlugins.some(p => nextPlugins.some(n => n.name === p.name && n !== p))) {
+    return true;
+  }
+  return shouldReconfigureState(props, nextProps);
+}
+function shouldReconfigureState(props, nextProps) {
+  const mobileProperties = props.appearance === 'mobile' ? ['quickInsert', 'featureFlags'] : [];
+  const properties = ['appearance', 'persistScrollGutter', 'allowUndoRedoButtons', 'placeholder', 'sanitizePrivateContent', ...mobileProperties];
+  return properties.reduce((acc, curr) => acc || props[curr] !== nextProps[curr], false);
+}

package/dist/es2019/editor-next/editor-internal.js

@@ -48,7 +48,7 @@ export function EditorInternalWithoutHooks({
   providerFactory,
   onEditorCreated,
   onEditorDestroyed,
-  getEditorPlugins
+  preset
 }) {
   var _props$performanceTra, _props$performanceTra2;
   const Component = getUiComponent(props.appearance);
@@ -90,7 +90,7 @@ export function EditorInternalWithoutHooks({
       onEditorDestroyed: onEditorDestroyed,
       allowAnalyticsGASV3: props.allowAnalyticsGASV3,
       disabled: props.disabled,
-      getEditorPlugins: getEditorPlugins,
+      preset: preset,
       render: ({
         editor,
         view,

package/dist/es2019/editor-next/editor-migration-component.js

@@ -1,10 +1,27 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
+import { createFeatureFlagsFromProps } from '../create-editor/feature-flags-from-props';
 import Editor from '../editor';
 import EditorNext from './index';
-import { createFeatureFlagsFromProps } from '../create-editor/feature-flags-from-props';
+import useUniversalPreset from '../labs/next/presets/useUniversalPreset';
+const EditorNextWrapper = ({
+  props
+}) => {
+  const preset = useUniversalPreset({
+    props
+  });
+  return /*#__PURE__*/React.createElement(EditorNext, _extends({
+    preset: preset
+  }, props));
+};
 export default class EditorMigrationComponent extends React.Component {
   render() {
     const featureFlags = createFeatureFlagsFromProps(this.props);
-    return featureFlags.useEditorNext ? /*#__PURE__*/React.createElement(EditorNext, this.props) : /*#__PURE__*/React.createElement(Editor, this.props);
+    if (!featureFlags.useEditorNext) {
+      return /*#__PURE__*/React.createElement(Editor, this.props);
+    }
+    return /*#__PURE__*/React.createElement(EditorNextWrapper, {
+      props: this.props
+    });
   }
 }

package/dist/es2019/editor-next/hooks/useProviderFactory.js

@@ -4,6 +4,7 @@ import { usePreviousState } from '@atlaskit/editor-common/hooks';
 import prepareQuickInsertProvider from '../../utils/prepare-quick-insert-provider';
 import prepareExtensionProvider from '../../utils/prepare-extension-provider';
 import handleProviders from '../utils/handleProviders';
+import getProvidersFromEditorProps from '../utils/getProvidersFromEditorProps';
 function createNewState(editorActions, quickInsert, extensionProviders, createAnalyticsEvent) {
   const extensionProvider = prepareExtensionProvider(() => editorActions)(extensionProviders);
   const quickInsertProvider = prepareQuickInsertProvider(editorActions, extensionProvider, quickInsert, createAnalyticsEvent);
@@ -42,11 +43,11 @@ export default function useProviderFactory(props, editorActions, createAnalytics
     quickInsert && quickInsert !== (prevProps === null || prevProps === void 0 ? void 0 : prevProps.quickInsert)) {
       const newState = createNewState(editorActions, quickInsert, extensionProviders, createAnalyticsEvent);
       setProviderState(newState);
-      handleProviders(providerFactory.current, props, newState.extensionProvider, newState.quickInsertProvider);
+      handleProviders(providerFactory.current, getProvidersFromEditorProps(props), newState.extensionProvider, newState.quickInsertProvider);
       return;
     }
-    handleProviders(providerFactory.current, props, providerState.extensionProvider, providerState.quickInsertProvider);
-  }, [props, prevProps, createAnalyticsEvent, editorActions, providerState.extensionProvider, providerState.quickInsertProvider, extensionProviders, quickInsert]);
+    handleProviders(providerFactory.current, getProvidersFromEditorProps(props), providerState.extensionProvider, providerState.quickInsertProvider);
+  }, [props, prevProps === null || prevProps === void 0 ? void 0 : prevProps.quickInsert, prevProps === null || prevProps === void 0 ? void 0 : prevProps.extensionProviders, createAnalyticsEvent, editorActions, providerState.extensionProvider, providerState.quickInsertProvider, extensionProviders, quickInsert]);
 
   // componentWillUnmount equivalent
   useEffect(() => {

package/dist/es2019/editor-next/index.js

@@ -16,7 +16,7 @@ import { defaultProps, propTypes } from './utils/editorPropTypes';
 import trackEditorActions from './utils/trackEditorActions';
 import onEditorCreated from './utils/onEditorCreated';
 import deprecationWarnings from './utils/deprecationWarnings';
-import getEditorPlugins from '../utils/get-editor-plugins';
+import { basePlugin } from '../plugins';
 export default class EditorNext extends React.Component {
   /**
    * WARNING: Code should be shared between Editor + EditorNext
@@ -39,7 +39,6 @@ export default class EditorNext extends React.Component {
     this.onEditorCreated = this.onEditorCreated.bind(this);
     this.onEditorDestroyed = this.onEditorDestroyed.bind(this);
     this.getExperienceStore = this.getExperienceStore.bind(this);
-    this.getEditorPlugins = this.getEditorPlugins.bind(this);
     trackEditorActions(this.editorActions, props.performanceTracking, value => this.handleAnalyticsEvent(value));
   }
   onEditorCreated(instance) {
@@ -70,7 +69,7 @@ export default class EditorNext extends React.Component {
         props: this.props,
         handleAnalyticsEvent: this.handleAnalyticsEvent,
         createAnalyticsEvent: this.createAnalyticsEvent,
-        getEditorPlugins: this.getEditorPlugins,
+        preset: this.props.preset,
         handleSave: this.handleSave,
         editorActions: this.editorActions,
         getExperienceStore: this.getExperienceStore,
@@ -79,12 +78,19 @@ export default class EditorNext extends React.Component {
       })
     }));
   }
-  getEditorPlugins(props) {
-    return getEditorPlugins(props);
-  }
 }
 _defineProperty(EditorNext, "defaultProps", defaultProps);
 _defineProperty(EditorNext, "contextTypes", {
   editorActions: PropTypes.object
 });
-_defineProperty(EditorNext, "propTypes", propTypes('minHeight only supports editor appearance chromeless and comment for EditorNext'));
+_defineProperty(EditorNext, "propTypes", {
+  ...propTypes('minHeight only supports editor appearance chromeless and comment for EditorNext'),
+  preset: ({
+    preset
+  }) => {
+    if (!preset.has(basePlugin)) {
+      return new Error('Presets must contain the base plugin');
+    }
+    return null;
+  }
+});

package/dist/es2019/editor-next/utils/getProvidersFromEditorProps.js

@@ -0,0 +1,36 @@
+export default function getProvidersFromEditorProps({
+  linking,
+  smartLinks,
+  UNSAFE_cards,
+  autoformattingProvider,
+  media,
+  emojiProvider,
+  mentionProvider,
+  legacyImageUploadProvider,
+  taskDecisionProvider,
+  contextIdentifierProvider,
+  searchProvider,
+  macroProvider,
+  activityProvider,
+  collabEdit,
+  collabEditProvider,
+  presenceProvider
+}) {
+  var _linking$smartLinks;
+  const cardProvider = (linking === null || linking === void 0 ? void 0 : (_linking$smartLinks = linking.smartLinks) === null || _linking$smartLinks === void 0 ? void 0 : _linking$smartLinks.provider) || smartLinks && smartLinks.provider || UNSAFE_cards && UNSAFE_cards.provider;
+  return {
+    mediaProvider: media === null || media === void 0 ? void 0 : media.provider,
+    emojiProvider: emojiProvider,
+    mentionProvider: mentionProvider,
+    autoformattingProvider: autoformattingProvider,
+    cardProvider: cardProvider,
+    activityProvider: activityProvider,
+    imageUploadProvider: legacyImageUploadProvider,
+    taskDecisionProvider: taskDecisionProvider,
+    contextIdentifierProvider: contextIdentifierProvider,
+    searchProvider: searchProvider,
+    presenceProvider: presenceProvider,
+    macroProvider: macroProvider,
+    collabEditProvider: collabEdit && collabEdit.provider ? collabEdit.provider : collabEditProvider
+  };
+}

package/dist/es2019/editor-next/utils/handleProviders.js

@@ -7,38 +7,32 @@
  * @param extensionProvider
  * @param quickInsertProvider
  */
-export default function handleProviders(providerFactory, props, extensionProvider, quickInsertProvider) {
-  var _linking$smartLinks;
-  const {
-    emojiProvider,
-    mentionProvider,
-    taskDecisionProvider,
-    contextIdentifierProvider,
-    collabEditProvider,
-    activityProvider,
-    presenceProvider,
-    macroProvider,
-    legacyImageUploadProvider,
-    media,
-    collabEdit,
-    autoformattingProvider,
-    searchProvider,
-    UNSAFE_cards,
-    smartLinks,
-    linking
-  } = props;
+export default function handleProviders(providerFactory, {
+  emojiProvider,
+  mentionProvider,
+  taskDecisionProvider,
+  contextIdentifierProvider,
+  collabEditProvider,
+  activityProvider,
+  presenceProvider,
+  macroProvider,
+  imageUploadProvider,
+  mediaProvider,
+  autoformattingProvider,
+  searchProvider,
+  cardProvider
+}, extensionProvider, quickInsertProvider) {
   providerFactory.setProvider('emojiProvider', emojiProvider);
   providerFactory.setProvider('mentionProvider', mentionProvider);
   providerFactory.setProvider('taskDecisionProvider', taskDecisionProvider);
   providerFactory.setProvider('contextIdentifierProvider', contextIdentifierProvider);
-  providerFactory.setProvider('mediaProvider', media && media.provider);
-  providerFactory.setProvider('imageUploadProvider', legacyImageUploadProvider);
-  providerFactory.setProvider('collabEditProvider', collabEdit && collabEdit.provider ? collabEdit.provider : collabEditProvider);
+  providerFactory.setProvider('mediaProvider', mediaProvider);
+  providerFactory.setProvider('imageUploadProvider', imageUploadProvider);
+  providerFactory.setProvider('collabEditProvider', collabEditProvider);
   providerFactory.setProvider('activityProvider', activityProvider);
   providerFactory.setProvider('searchProvider', searchProvider);
   providerFactory.setProvider('presenceProvider', presenceProvider);
   providerFactory.setProvider('macroProvider', macroProvider);
-  const cardProvider = (linking === null || linking === void 0 ? void 0 : (_linking$smartLinks = linking.smartLinks) === null || _linking$smartLinks === void 0 ? void 0 : _linking$smartLinks.provider) || smartLinks && smartLinks.provider || UNSAFE_cards && UNSAFE_cards.provider;
   if (cardProvider) {
     providerFactory.setProvider('cardProvider', cardProvider);
   }

package/dist/es2019/editor.js

@@ -19,12 +19,14 @@ import { fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import prepareQuickInsertProvider from './utils/prepare-quick-insert-provider';
 import prepareExtensionProvider from './utils/prepare-extension-provider';
 import handleProviders from './editor-next/utils/handleProviders';
+import getProvidersFromEditorProps from './editor-next/utils/getProvidersFromEditorProps';
 import { startMeasure, clearMeasure, stopMeasure, measureTTI } from '@atlaskit/editor-common/utils';
 import measurements from './utils/performance/measure-enum';
 import editorMeasureTTICallback from './editor-next/utils/editorMeasureTTICallback';
 import { ACTION } from '@atlaskit/editor-common/analytics';
 import sendDurationAnalytics from './editor-next/utils/sendDurationAnalytics';
-import getEditorPlugins from './utils/get-editor-plugins';
+import { createPreset } from './create-editor/create-plugins-list';
+import { shouldRecreatePreset } from './create-editor/preset-utils';
 export default class Editor extends React.Component {
   /**
    * WARNING: Code should be shared between Editor + EditorNext
@@ -52,7 +54,6 @@ export default class Editor extends React.Component {
     this.startTime = performance.now();
     this.onEditorCreated = this.onEditorCreated.bind(this);
     this.onEditorDestroyed = this.onEditorDestroyed.bind(this);
-    this.getEditorPlugins = this.getEditorPlugins.bind(this);
     this.getExperienceStore = this.getExperienceStore.bind(this);
     this.trackEditorActions(this.editorActions, props);
 
@@ -74,9 +75,11 @@ export default class Editor extends React.Component {
      */
     const _extensionProvider = this.prepareExtensionProvider(props.extensionProviders);
     const quickInsertProvider = this.prepareQuickInsertProvider(_extensionProvider, props.quickInsert);
+    const preset = createPreset(props, undefined, this.createAnalyticsEvent);
     this.state = {
       extensionProvider: _extensionProvider,
-      quickInsertProvider
+      quickInsertProvider,
+      preset
     };
   }
 
@@ -87,7 +90,7 @@ export default class Editor extends React.Component {
    */
   componentDidMount() {
     stopMeasure(measurements.EDITOR_MOUNTED, sendDurationAnalytics(ACTION.EDITOR_MOUNTED, this.props, this.getExperienceStore, this.createAnalyticsEvent));
-    handleProviders(this.providerFactory, this.props, this.state.extensionProvider, this.state.quickInsertProvider);
+    handleProviders(this.providerFactory, getProvidersFromEditorProps(this.props), this.state.extensionProvider, this.state.quickInsertProvider);
   }
 
   /**
@@ -95,6 +98,8 @@ export default class Editor extends React.Component {
    * `useProviderFactory` (editor-next/hooks/useProviderFactory.ts)
    */
   componentDidUpdate(prevProps) {
+    const needsANewPreset = shouldRecreatePreset(prevProps, this.props);
+    const preset = needsANewPreset ? createPreset(this.props, prevProps, this.createAnalyticsEvent) : this.state.preset;
     const {
       extensionProviders,
       quickInsert
@@ -108,11 +113,18 @@ export default class Editor extends React.Component {
       const quickInsertProvider = this.prepareQuickInsertProvider(extensionProvider, quickInsert);
       this.setState({
         extensionProvider,
-        quickInsertProvider
-      }, () => handleProviders(this.providerFactory, this.props, this.state.extensionProvider, this.state.quickInsertProvider));
+        quickInsertProvider,
+        preset
+      }, () => handleProviders(this.providerFactory, getProvidersFromEditorProps(this.props), this.state.extensionProvider, this.state.quickInsertProvider));
       return;
     }
-    handleProviders(this.providerFactory, this.props, this.state.extensionProvider, this.state.quickInsertProvider);
+    if (needsANewPreset) {
+      this.setState({
+        preset
+      });
+      return;
+    }
+    handleProviders(this.providerFactory, getProvidersFromEditorProps(this.props), this.state.extensionProvider, this.state.quickInsertProvider);
   }
 
   /**
@@ -213,7 +225,7 @@ export default class Editor extends React.Component {
         props: this.props,
         handleAnalyticsEvent: this.handleAnalyticsEvent,
         createAnalyticsEvent: this.createAnalyticsEvent,
-        getEditorPlugins: this.getEditorPlugins,
+        preset: this.state.preset,
         handleSave: this.handleSave,
         editorActions: this.editorActions,
         providerFactory: this.providerFactory,
@@ -222,9 +234,6 @@ export default class Editor extends React.Component {
       })
     }));
   }
-  getEditorPlugins(props) {
-    return getEditorPlugins(props);
-  }
 }
 _defineProperty(Editor, "defaultProps", defaultProps);
 _defineProperty(Editor, "contextTypes", {

package/dist/es2019/keymaps/consts.js

@@ -1,12 +1,8 @@
-export const LEFT = 37;
-export const RIGHT = 39;
-export const UP = 38;
-export const DOWN = 40;
-export const KEY_0 = 48;
-export const KEY_1 = 49;
-export const KEY_2 = 50;
-export const KEY_3 = 51;
-export const KEY_4 = 52;
-export const KEY_5 = 53;
-export const KEY_6 = 54;
+const KEY_0 = 48;
+const KEY_1 = 49;
+const KEY_2 = 50;
+const KEY_3 = 51;
+const KEY_4 = 52;
+const KEY_5 = 53;
+const KEY_6 = 54;
 export const HEADING_KEYS = [KEY_0, KEY_1, KEY_2, KEY_3, KEY_4, KEY_5, KEY_6];