@atlaskit/editor-core 180.1.0 → 181.0.0

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

@@ -3,11 +3,9 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 import { ReactEditorView as BaseReactEditorView } from './ReactEditorViewInternal';
-import getEditorPlugins from '../utils/get-editor-plugins';
 import { injectIntl } from 'react-intl-next';
 export var ReactEditorView = /*#__PURE__*/function (_BaseReactEditorView) {
   _inherits(ReactEditorView, _BaseReactEditorView);
@@ -18,7 +16,4 @@ export var ReactEditorView = /*#__PURE__*/function (_BaseReactEditorView) {
   }
   return _createClass(ReactEditorView);
 }(BaseReactEditorView);
-_defineProperty(ReactEditorView, "defaultProps", {
-  getEditorPlugins: getEditorPlugins
-});
 export default injectIntl(ReactEditorView);

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

@@ -40,8 +40,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;
@@ -50,31 +49,13 @@ function handleEditorFocus(view) {
     view.focus();
   }, 0);
 }
-var EMPTY = [];
-export function shouldReconfigureState(props, nextProps) {
-  var _props$dangerouslyApp, _props$dangerouslyApp2, _nextProps$dangerousl, _nextProps$dangerousl2;
-  var 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;
-  var 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(function (p) {
-    return nextPlugins.some(function (n) {
-      return n.name === p.name && n !== p;
-    });
-  })) {
-    return true;
-  }
-  var mobileProperties = props.appearance === 'mobile' ? ['featureFlags', 'quickInsert'] : [];
-  var properties = ['appearance', 'persistScrollGutter', 'allowUndoRedoButtons', 'placeholder', 'sanitizePrivateContent'].concat(mobileProperties);
-  return properties.reduce(function (acc, curr) {
-    return acc || props[curr] !== nextProps[curr];
-  }, false);
-}
 export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
   _inherits(ReactEditorView, _React$Component);
   var _super = _createSuper(ReactEditorView);
-  function ReactEditorView(_props, context) {
+  function ReactEditorView(props, context) {
     var _this;
     _classCallCheck(this, ReactEditorView);
-    _this = _super.call(this, _props, context);
+    _this = _super.call(this, props, context);
     _defineProperty(_assertThisInitialized(_this), "editorRef", /*#__PURE__*/React.createRef());
     _defineProperty(_assertThisInitialized(_this), "canDispatchTransactions", true);
     _defineProperty(_assertThisInitialized(_this), "onPluginObservation", function (report, editorState) {
@@ -88,6 +69,10 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
         }
       });
     });
+    _defineProperty(_assertThisInitialized(_this), "getEditorState", function () {
+      var _this$view;
+      return (_this$view = _this.view) === null || _this$view === void 0 ? void 0 : _this$view.state;
+    });
     _defineProperty(_assertThisInitialized(_this), "formatFullWidthAppearance", function (appearance) {
       if (appearance === 'full-width') {
         return FULL_WIDTH_MODE.FULL_WIDTH;
@@ -135,48 +120,6 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
         sel.removeAllRanges();
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "reconfigureState", function (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();
-      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,
-        dispatch: _this.dispatch,
-        errorReporter: _this.errorReporter,
-        editorConfig: _this.config,
-        eventDispatcher: _this.eventDispatcher,
-        providerFactory: props.providerFactory,
-        portalProviderAPI: props.portalProviderAPI,
-        reactContext: function reactContext() {
-          return _this.context;
-        },
-        dispatchAnalyticsEvent: _this.dispatchAnalyticsEvent,
-        performanceTracking: props.editorProps.performanceTracking,
-        transactionTracker: _this.transactionTracker,
-        featureFlags: createFeatureFlagsFromProps(props.editorProps),
-        getIntl: function getIntl() {
-          return _this.props.intl;
-        }
-      });
-      var 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(_objectSpread(_objectSpread({}, _this.view.props), {}, {
-        state: newState
-      }));
-    });
     _defineProperty(_assertThisInitialized(_this), "handleAnalyticsEvent", function (payload) {
       if (!_this.props.allowAnalyticsGASV3) {
         return;
@@ -207,7 +150,7 @@ export var ReactEditorView = /*#__PURE__*/function (_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);
       }
       var contentTransformerProvider = options.props.editorProps.contentTransformerProvider;
@@ -322,6 +265,10 @@ export var ReactEditorView = /*#__PURE__*/function (_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: oldEditorState
+        });
         startMeasure(EVENT_NAME_VIEW_STATE_UPDATED);
         _this.onEditorViewStateUpdated({
           originalTransaction: transaction,
@@ -449,6 +396,10 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
       _this.view = new EditorView({
         mount: node
       }, _this.getDirectEditorProps());
+      _this.pluginInjectionAPI.onEditorViewUpdated({
+        newEditorState: _this.view.state,
+        oldEditorState: undefined
+      });
     });
     _defineProperty(_assertThisInitialized(_this), "handleEditorViewRef", function (node) {
       if (!_this.view && node) {
@@ -531,9 +482,12 @@ export var ReactEditorView = /*#__PURE__*/function (_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(function (report) {
       return _this.onPluginObservation(report, _this.editorState);
@@ -561,11 +515,11 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
     _this.eventDispatcher.on(analyticsEventKey, _this.handleAnalyticsEvent);
     _this.eventDispatcher.on('resetEditorState', _this.resetEditorState);
     _this.editorState = _this.createEditorState({
-      props: _props,
+      props: props,
       context: 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,
@@ -625,7 +579,7 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
       }
       var appearance = this.props.editorProps.appearance;
       var nextAppearance = nextProps.editorProps.appearance;
-      if (shouldReconfigureState(this.props.editorProps, nextProps.editorProps)) {
+      if (this.props.preset !== nextProps.preset) {
         this.reconfigureState(nextProps);
       }
       if (nextAppearance !== appearance) {
@@ -645,6 +599,51 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
         this.pluginPerformanceObserver.disconnect();
       }
     }
+  }, {
+    key: "reconfigureState",
+    value: function reconfigureState(props) {
+      var _this2 = this;
+      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();
+      var editorPlugins = this.getPlugins(props.preset);
+      this.config = processPluginsList(editorPlugins);
+      var state = this.editorState;
+      var plugins = createPMPlugins({
+        schema: state.schema,
+        dispatch: this.dispatch,
+        errorReporter: this.errorReporter,
+        editorConfig: this.config,
+        eventDispatcher: this.eventDispatcher,
+        providerFactory: props.providerFactory,
+        portalProviderAPI: props.portalProviderAPI,
+        reactContext: function reactContext() {
+          return _this2.context;
+        },
+        dispatchAnalyticsEvent: this.dispatchAnalyticsEvent,
+        performanceTracking: props.editorProps.performanceTracking,
+        transactionTracker: this.transactionTracker,
+        featureFlags: createFeatureFlagsFromProps(props.editorProps),
+        getIntl: function getIntl() {
+          return _this2.props.intl;
+        }
+      });
+      var 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(_objectSpread(_objectSpread({}, this.view.props), {}, {
+        state: newState
+      }));
+    }
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -693,39 +692,11 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
     key: "getPlugins",
     value:
     // Helper to allow tests to inject plugins directly
-    function getPlugins(editorProps, prevEditorProps, createAnalyticsEvent) {
-      var _this2 = this,
-        _this$props$getEditor,
-        _this$props$getEditor2,
-        _this$props;
-      var insertNodeAPI = createInsertNodeAPI({
-        getEditorView: function getEditorView() {
-          return _this2.view;
-        },
-        getEditorPlugins: function getEditorPlugins() {
-          return _this2.editorPlugins;
-        }
+    function getPlugins(preset) {
+      var plugins = preset.build({
+        pluginInjectionAPI: this.pluginInjectionAPI
       });
-      var editorAnalyticsAPI = createEditorAnalyticsAPI({
-        getEditorView: function getEditorView() {
-          return _this2.view;
-        },
-        getCreateUIAnalyticsEvent: function getCreateUIAnalyticsEvent() {
-          return createAnalyticsEvent;
-        }
-      });
-      var getPluginsProps = {
-        props: editorProps,
-        prevAppearance: prevEditorProps === null || prevEditorProps === void 0 ? void 0 : prevEditorProps.appearance,
-        createAnalyticsEvent: createAnalyticsEvent,
-        insertNodeAPI: insertNodeAPI,
-        editorAnalyticsAPI: 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;
     }
   }, {

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

@@ -102,13 +102,39 @@ 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) {
-  var 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) {
+  var preset = createUniversalPreset(props.appearance, getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent), createFeatureFlagsFromProps(props), prevProps === null || prevProps === void 0 ? void 0 : prevProps.appearance, createAnalyticsEvent);
   var 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(function (plugin) {
+      return function () {
+        return plugin;
+      };
+    }) : [];
+  }
+  return function (editorPluginsToAppend) {
+    if (!editorPluginsToAppend || editorPluginsToAppend.length === 0) {
+      return preset;
+    }
+    var nextEditorPluginsToAppend = createEditorNextPluginsFromDangerouslyAppended(editorPluginsToAppend);
+    var presetWithAppendedPlugins = nextEditorPluginsToAppend.reduce(function (acc, plugin) {
+      return acc.add(plugin);
+    }, preset);
+    return presetWithAppendedPlugins;
+  };
+}
+export function createPreset(props, prevProps, createAnalyticsEvent) {
+  var _props$dangerouslyApp;
+  var 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/esm/create-editor/preset-utils.js

@@ -0,0 +1,21 @@
+var EMPTY = [];
+export function shouldRecreatePreset(props, nextProps) {
+  var _props$dangerouslyApp, _props$dangerouslyApp2, _nextProps$dangerousl, _nextProps$dangerousl2;
+  var 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;
+  var 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(function (p) {
+    return nextPlugins.some(function (n) {
+      return n.name === p.name && n !== p;
+    });
+  })) {
+    return true;
+  }
+  return shouldReconfigureState(props, nextProps);
+}
+function shouldReconfigureState(props, nextProps) {
+  var mobileProperties = props.appearance === 'mobile' ? ['quickInsert', 'featureFlags'] : [];
+  var properties = ['appearance', 'persistScrollGutter', 'allowUndoRedoButtons', 'placeholder', 'sanitizePrivateContent'].concat(mobileProperties);
+  return properties.reduce(function (acc, curr) {
+    return acc || props[curr] !== nextProps[curr];
+  }, false);
+}

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

@@ -49,7 +49,7 @@ export function EditorInternalWithoutHooks(_ref) {
     providerFactory = _ref.providerFactory,
     onEditorCreated = _ref.onEditorCreated,
     onEditorDestroyed = _ref.onEditorDestroyed,
-    getEditorPlugins = _ref.getEditorPlugins;
+    preset = _ref.preset;
   var Component = getUiComponent(props.appearance);
   var overriddenEditorProps = _objectSpread(_objectSpread({}, props), {}, {
     onSave: props.onSave ? handleSave : undefined,
@@ -89,7 +89,7 @@ export function EditorInternalWithoutHooks(_ref) {
         onEditorDestroyed: onEditorDestroyed,
         allowAnalyticsGASV3: props.allowAnalyticsGASV3,
         disabled: props.disabled,
-        getEditorPlugins: getEditorPlugins,
+        preset: preset,
         render: function render(_ref2) {
           var _props$featureFlags, _props$featureFlags2;
           var editor = _ref2.editor,

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

@@ -3,12 +3,23 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _extends from "@babel/runtime/helpers/extends";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 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';
+var EditorNextWrapper = function EditorNextWrapper(_ref) {
+  var props = _ref.props;
+  var preset = useUniversalPreset({
+    props: props
+  });
+  return /*#__PURE__*/React.createElement(EditorNext, _extends({
+    preset: preset
+  }, props));
+};
 var EditorMigrationComponent = /*#__PURE__*/function (_React$Component) {
   _inherits(EditorMigrationComponent, _React$Component);
   var _super = _createSuper(EditorMigrationComponent);
@@ -20,7 +31,12 @@ var EditorMigrationComponent = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var 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
+      });
     }
   }]);
   return EditorMigrationComponent;

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

@@ -5,6 +5,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) {
   var extensionProvider = prepareExtensionProvider(function () {
     return editorActions;
@@ -46,11 +47,11 @@ export default function useProviderFactory(props, editorActions, createAnalytics
     quickInsert && quickInsert !== (prevProps === null || prevProps === void 0 ? void 0 : prevProps.quickInsert)) {
       var 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(function () {

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

@@ -5,6 +5,8 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 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; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 /** @jsx jsx */
@@ -24,7 +26,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';
 var EditorNext = /*#__PURE__*/function (_React$Component) {
   _inherits(EditorNext, _React$Component);
   var _super = _createSuper(EditorNext);
@@ -55,7 +57,6 @@ var EditorNext = /*#__PURE__*/function (_React$Component) {
     _this.onEditorCreated = _this.onEditorCreated.bind(_assertThisInitialized(_this));
     _this.onEditorDestroyed = _this.onEditorDestroyed.bind(_assertThisInitialized(_this));
     _this.getExperienceStore = _this.getExperienceStore.bind(_assertThisInitialized(_this));
-    _this.getEditorPlugins = _this.getEditorPlugins.bind(_assertThisInitialized(_this));
     trackEditorActions(_this.editorActions, props.performanceTracking, function (value) {
       return _this.handleAnalyticsEvent(value);
     });
@@ -108,7 +109,7 @@ var EditorNext = /*#__PURE__*/function (_React$Component) {
             props: _this3.props,
             handleAnalyticsEvent: _this3.handleAnalyticsEvent,
             createAnalyticsEvent: _this3.createAnalyticsEvent,
-            getEditorPlugins: _this3.getEditorPlugins,
+            preset: _this3.props.preset,
             handleSave: _this3.handleSave,
             editorActions: _this3.editorActions,
             getExperienceStore: _this3.getExperienceStore,
@@ -118,11 +119,6 @@ var EditorNext = /*#__PURE__*/function (_React$Component) {
         }
       }));
     }
-  }, {
-    key: "getEditorPlugins",
-    value: function getEditorPlugins(props) {
-      return _getEditorPlugins(props);
-    }
   }]);
   return EditorNext;
 }(React.Component);
@@ -130,5 +126,13 @@ _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", _objectSpread(_objectSpread({}, propTypes('minHeight only supports editor appearance chromeless and comment for EditorNext')), {}, {
+  preset: function preset(_ref) {
+    var _preset = _ref.preset;
+    if (!_preset.has(basePlugin)) {
+      return new Error('Presets must contain the base plugin');
+    }
+    return null;
+  }
+}));
 export { EditorNext as default };

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

@@ -0,0 +1,35 @@
+export default function getProvidersFromEditorProps(_ref) {
+  var _linking$smartLinks;
+  var linking = _ref.linking,
+    smartLinks = _ref.smartLinks,
+    UNSAFE_cards = _ref.UNSAFE_cards,
+    autoformattingProvider = _ref.autoformattingProvider,
+    media = _ref.media,
+    emojiProvider = _ref.emojiProvider,
+    mentionProvider = _ref.mentionProvider,
+    legacyImageUploadProvider = _ref.legacyImageUploadProvider,
+    taskDecisionProvider = _ref.taskDecisionProvider,
+    contextIdentifierProvider = _ref.contextIdentifierProvider,
+    searchProvider = _ref.searchProvider,
+    macroProvider = _ref.macroProvider,
+    activityProvider = _ref.activityProvider,
+    collabEdit = _ref.collabEdit,
+    collabEditProvider = _ref.collabEditProvider,
+    presenceProvider = _ref.presenceProvider;
+  var 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/esm/editor-next/utils/handleProviders.js

@@ -7,36 +7,31 @@
  * @param extensionProvider
  * @param quickInsertProvider
  */
-export default function handleProviders(providerFactory, props, extensionProvider, quickInsertProvider) {
-  var _linking$smartLinks;
-  var emojiProvider = props.emojiProvider,
-    mentionProvider = props.mentionProvider,
-    taskDecisionProvider = props.taskDecisionProvider,
-    contextIdentifierProvider = props.contextIdentifierProvider,
-    collabEditProvider = props.collabEditProvider,
-    activityProvider = props.activityProvider,
-    presenceProvider = props.presenceProvider,
-    macroProvider = props.macroProvider,
-    legacyImageUploadProvider = props.legacyImageUploadProvider,
-    media = props.media,
-    collabEdit = props.collabEdit,
-    autoformattingProvider = props.autoformattingProvider,
-    searchProvider = props.searchProvider,
-    UNSAFE_cards = props.UNSAFE_cards,
-    smartLinks = props.smartLinks,
-    linking = props.linking;
+export default function handleProviders(providerFactory, _ref, extensionProvider, quickInsertProvider) {
+  var emojiProvider = _ref.emojiProvider,
+    mentionProvider = _ref.mentionProvider,
+    taskDecisionProvider = _ref.taskDecisionProvider,
+    contextIdentifierProvider = _ref.contextIdentifierProvider,
+    collabEditProvider = _ref.collabEditProvider,
+    activityProvider = _ref.activityProvider,
+    presenceProvider = _ref.presenceProvider,
+    macroProvider = _ref.macroProvider,
+    imageUploadProvider = _ref.imageUploadProvider,
+    mediaProvider = _ref.mediaProvider,
+    autoformattingProvider = _ref.autoformattingProvider,
+    searchProvider = _ref.searchProvider,
+    cardProvider = _ref.cardProvider;
   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);
-  var 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);
   }