@atlaskit/editor-core 180.1.0 → 181.0.0

package/CHANGELOG.md

@@ -1,5 +1,48 @@
 # @atlaskit/editor-core
 
+## 181.0.0
+
+### Major Changes
+
+- [`6c543971074`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c543971074) - [ux] PTC-6520 remove team mention highlight
+
+### Minor Changes
+
+- [`a697f9eb7ca`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a697f9eb7ca) - [ED-16746] Introduce the shareable actions concept into the NextEditorPlugin
+- [`a7e36157e01`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a7e36157e01) - [ED-15941] Refactor Preset into EditorPresetBuilder
+- [`406c29f8cf1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/406c29f8cf1) - ED-15802:Added stickyOffsetTop prop inside useStickyToolbar to support customise top for main toolbar when it is sticky.
+- [`0078ddc7e2e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0078ddc7e2e) - New smartLinks prop to allow renderer and editor to determine whether smart link should show actions that can change the link resource.
+- [`0ad977ead6d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0ad977ead6d) - EDM-2674: remove last reference to plainTextPasteLinkification feature flag in cleanup process."
+- [`4292f200ec9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4292f200ec9) - [ED-16560] Add preset prop to EditorNext
+- [`592e3761622`](https://bitbucket.org/atlassian/atlassian-frontend/commits/592e3761622) - [ED-15941] NextEditorPlugins will receive an api with the plugins dependencies on runtime
+
+### Patch Changes
+
+- [`b38ca291f7b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b38ca291f7b) - Fixed inlineCode issue cause by apostrophe replacements reported in DTR-987
+- [`1a2ba1a53a9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1a2ba1a53a9) - ED-17113: Fixed assistive text in mentions not including user name due to async look up.
+- [`deeb5ebee1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/deeb5ebee1f) - Fix self mention highlighting
+- [`f07824eeccc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f07824eeccc) - ED-15647 fix undo when pasting table with resized column in expand
+- [`f81e7ba7c07`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f81e7ba7c07) - [ux] ED-16556 Fixed - Table floating toolbar "Table Options" and "Cell Options" are not accessible
+- [`dae1c82956b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/dae1c82956b) - [ux] ED-17122 - Toolbar extension icons use tooltip as aria label
+- [`9d3fb04c725`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d3fb04c725) - [ED-16948] Fix crash in template editor when image is the first node.
+- [`568b7d96689`](https://bitbucket.org/atlassian/atlassian-frontend/commits/568b7d96689) - [ux] [ED-16819] Prevent up/down arrow from a media selection from creating new paragraphs. Should move to gap cursor instead if it cannot move into node before.
+- [`9dde8374c54`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9dde8374c54) - Update import of EditorCardProvider from `@atlaskit/link-provider` to `@atlaskit/editor-card-provider` for scheduled release packages.
+- [`f7fc96b3738`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f7fc96b3738) - ED-17086 - Added feature flag for expandedChartColors
+- [`a6b3a866e9d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a6b3a866e9d) - [ux] ED-16941: we now ignore screenshots when pasting text from Microsoft Office when using the image-upload plugin (legacyImageUploadProvider)
+- [`a57e2849f71`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a57e2849f71) - Remove unused code in editor-core that is not imported anywhere
+- [`eb7ef06e38c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/eb7ef06e38c) - Contextual toolbar focus will now be regained when exiting via ArrowLeft / ArrowRight keys, and will progress to the next toolbar item. onBlur will now also be called correctly when dropdown menu items lose focus.
+- [`2661a586431`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2661a586431) - ED-15843 Applied fix for bodiedExtensions animation as per DTR-807
+- [`023b96ba3da`](https://bitbucket.org/atlassian/atlassian-frontend/commits/023b96ba3da) - emoji picker vertical alignment refinement
+- [`db34131a1e4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/db34131a1e4) - [ED-16579] Add methods to Preset object including `setProvider`, `getProvider` and `getAllProviders`.
+
+  These are used internally to set providers (objects which can return functionality such as `emojiProvider`).
+
+- [`8ef5e96b6c4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8ef5e96b6c4) - Fix that removes remaining layout attribute from inlineCard type during updating from embedCard type to inlineCard type when embed is not allowed.
+- [`7f26be97caf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7f26be97caf) - [ux] ED-14957: add border color for dark mode for layout
+- [`68f4ce6955d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/68f4ce6955d) - Fix logic to reconfigure state in ReactEditorView to fix a breakage on NCS pages.
+- [`1720ddc8076`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1720ddc8076) - [ux] ED-16725 Added support for semantic tooltip names for background color palette.
+- Updated dependencies
+
 ## 180.1.0
 
 ### Minor Changes

package/dist/cjs/actions/index.js

@@ -11,17 +11,17 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _prosemirrorModel = require("prosemirror-model");
+var _utils = require("@atlaskit/editor-common/utils");
 var _prosemirrorState = require("prosemirror-state");
 var _prosemirrorUtils = require("prosemirror-utils");
-var _utils = require("../utils");
-var _document = require("../utils/document");
-var _action = require("../utils/action");
 var _eventDispatcher = require("../event-dispatcher");
-var _utils2 = require("@atlaskit/editor-common/utils");
-var _utils3 = require("../plugins/extension/utils");
-var _getFeatureFlags = require("../plugins/feature-flags-context/get-feature-flags");
 var _nativeCollabProviderPlugin = require("../plugins/collab-edit/native-collab-provider-plugin");
+var _utils2 = require("../plugins/extension/utils");
+var _getFeatureFlags = require("../plugins/feature-flags-context/get-feature-flags");
+var _utils3 = require("../utils");
+var _action = require("../utils/action");
 var _deprecationWarnings = _interopRequireDefault(require("../utils/deprecation-warnings"));
+var _document = require("../utils/document");
 var _nodesByLocalIds = require("../utils/nodes-by-localIds");
 var EditorActions = /*#__PURE__*/function () {
   function EditorActions() {
@@ -31,7 +31,7 @@ var EditorActions = /*#__PURE__*/function () {
     (0, _defineProperty2.default)(this, "dispatchAnalyticsEvent", function (payload) {
       if (_this.eventDispatcher) {
         var dispatch = (0, _eventDispatcher.createDispatch)(_this.eventDispatcher);
-        dispatch(_utils2.analyticsEventKey, {
+        dispatch(_utils.analyticsEventKey, {
           payload: payload
         });
       }
@@ -149,7 +149,22 @@ var EditorActions = /*#__PURE__*/function () {
       if (!this.editorView || this.editorView.hasFocus()) {
         return false;
       }
-      this.editorView.focus();
+
+      // If we focus on componentDidMount the editor can crash due to a prosemirror error.
+      // This is fixed in prosemirror-view@1.23.7
+      // See: https:github.com/ProseMirror/prosemirror-view/commit/735b88107d1cbe7575a188edb85f05c22fb56e35
+      //
+      // We don't want this error to crash the editor in the case we can't
+      // focus correctly.
+      // Revert workaround in: https://product-fabric.atlassian.net/browse/ED-17172
+      try {
+        this.editorView.focus();
+      } catch (err) {
+        if (process.env.NODE_ENV !== 'production') {
+          // eslint-disable-next-line no-console
+          console.error('EditorView focus failed with an error', err);
+        }
+      }
       this.editorView.dispatch(this.editorView.state.tr.scrollIntoView());
       return true;
     }
@@ -223,7 +238,7 @@ var EditorActions = /*#__PURE__*/function () {
                 return (0, _action.getEditorValueWithMedia)(editorView);
               case 5:
                 doc = _context3.sent;
-                json = (0, _utils.toJSON)(doc);
+                json = (0, _utils3.toJSON)(doc);
                 if (this.contentEncode) {
                   _context3.next = 9;
                   break;
@@ -250,7 +265,7 @@ var EditorActions = /*#__PURE__*/function () {
       var _this$editorView;
       if ((_this$editorView = this.editorView) !== null && _this$editorView !== void 0 && _this$editorView.state) {
         var _findNodePosWithLocal, _this$editorView2;
-        return (_findNodePosWithLocal = (0, _utils3.findNodePosWithLocalId)((_this$editorView2 = this.editorView) === null || _this$editorView2 === void 0 ? void 0 : _this$editorView2.state, id)) === null || _findNodePosWithLocal === void 0 ? void 0 : _findNodePosWithLocal.node;
+        return (_findNodePosWithLocal = (0, _utils2.findNodePosWithLocalId)((_this$editorView2 = this.editorView) === null || _this$editorView2 === void 0 ? void 0 : _this$editorView2.state, id)) === null || _findNodePosWithLocal === void 0 ? void 0 : _findNodePosWithLocal.node;
       }
     }
   }, {

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

@@ -20,7 +20,7 @@ var attachPayloadIntoTransaction = function attachPayloadIntoTransaction(_ref) {
   tr.step(new _steps.AnalyticsStep([{
     payload: payload,
     channel: channel
-  }], actionsToIgnore, tr.selection.$from.pos) // We need to create the step based on a position, this prevent split history for relative changes.
+  }], actionsToIgnore, editorState.selection.$from.pos) // We need to create the step based on a position, this prevent split history for relative changes.
   );
 
   // When you add a new step all the storedMarks are removed it

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

@@ -10,9 +10,7 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _ReactEditorViewInternal = require("./ReactEditorViewInternal");
-var _getEditorPlugins = _interopRequireDefault(require("../utils/get-editor-plugins"));
 var _reactIntlNext = require("react-intl-next");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
@@ -26,8 +24,5 @@ var ReactEditorView = /*#__PURE__*/function (_BaseReactEditorView) {
   return (0, _createClass2.default)(ReactEditorView);
 }(_ReactEditorViewInternal.ReactEditorView);
 exports.ReactEditorView = ReactEditorView;
-(0, _defineProperty2.default)(ReactEditorView, "defaultProps", {
-  getEditorPlugins: _getEditorPlugins.default
-});
 var _default = (0, _reactIntlNext.injectIntl)(ReactEditorView);
 exports.default = _default;

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ReactEditorView = void 0;
-exports.shouldReconfigureState = shouldReconfigureState;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -42,8 +41,7 @@ var _trackTransactions = require("../utils/performance/track-transactions");
 var _consts = require("./consts");
 var _contextIdentifier = require("../plugins/base/pm-plugins/context-identifier");
 var _ReactEditorViewContext = _interopRequireDefault(require("./ReactEditorViewContext"));
-var _api = require("../insert-api/api");
-var _api2 = require("../analytics-api/api");
+var _preset = require("@atlaskit/editor-common/preset");
 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) { (0, _defineProperty2.default)(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 = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
@@ -56,31 +54,13 @@ function handleEditorFocus(view) {
     view.focus();
   }, 0);
 }
-var EMPTY = [];
-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);
-}
 var ReactEditorView = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(ReactEditorView, _React$Component);
   var _super = _createSuper(ReactEditorView);
-  function ReactEditorView(_props, context) {
+  function ReactEditorView(props, context) {
     var _this;
     (0, _classCallCheck2.default)(this, ReactEditorView);
-    _this = _super.call(this, _props, context);
+    _this = _super.call(this, props, context);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "editorRef", /*#__PURE__*/_react.default.createRef());
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "canDispatchTransactions", true);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onPluginObservation", function (report, editorState) {
@@ -94,6 +74,10 @@ var ReactEditorView = /*#__PURE__*/function (_React$Component) {
         }
       });
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getEditorState", function () {
+      var _this$view;
+      return (_this$view = _this.view) === null || _this$view === void 0 ? void 0 : _this$view.state;
+    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "formatFullWidthAppearance", function (appearance) {
       if (appearance === 'full-width') {
         return _analytics.FULL_WIDTH_MODE.FULL_WIDTH;
@@ -141,48 +125,6 @@ var ReactEditorView = /*#__PURE__*/function (_React$Component) {
         sel.removeAllRanges();
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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 = (0, _createEditor.processPluginsList)(editorPlugins);
-      var state = _this.editorState;
-      var plugins = (0, _createEditor.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: (0, _featureFlagsFromProps.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
-      }));
-    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleAnalyticsEvent", function (payload) {
       if (!_this.props.allowAnalyticsGASV3) {
         return;
@@ -213,7 +155,7 @@ var ReactEditorView = /*#__PURE__*/function (_React$Component) {
           return _this.editorState;
         }
       } else {
-        _this.config = (0, _createEditor.processPluginsList)(_this.getPlugins(options.props.editorProps, undefined, options.props.createAnalyticsEvent));
+        _this.config = (0, _createEditor.processPluginsList)(_this.getPlugins(options.props.preset));
         schema = (0, _createSchema.createSchema)(_this.config);
       }
       var contentTransformerProvider = options.props.editorProps.contentTransformerProvider;
@@ -328,6 +270,10 @@ var ReactEditorView = /*#__PURE__*/function (_React$Component) {
           var _this$experienceStore3;
           (_this$experienceStore3 = _this.experienceStore) === null || _this$experienceStore3 === void 0 ? void 0 : _this$experienceStore3.mark(_ufo.EditorExperience.interaction, 'viewUpdateState', startTime + duration);
         });
+        _this.pluginInjectionAPI.onEditorViewUpdated({
+          newEditorState: editorState,
+          oldEditorState: oldEditorState
+        });
         startMeasure(_trackTransactions.EVENT_NAME_VIEW_STATE_UPDATED);
         _this.onEditorViewStateUpdated({
           originalTransaction: transaction,
@@ -455,6 +401,10 @@ var ReactEditorView = /*#__PURE__*/function (_React$Component) {
       _this.view = new _prosemirrorView.EditorView({
         mount: node
       }, _this.getDirectEditorProps());
+      _this.pluginInjectionAPI.onEditorViewUpdated({
+        newEditorState: _this.view.state,
+        oldEditorState: undefined
+      });
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleEditorViewRef", function (node) {
       if (!_this.view && node) {
@@ -537,9 +487,12 @@ var ReactEditorView = /*#__PURE__*/function (_React$Component) {
       "aria-label": _this.props.intl.formatMessage(_messages.editorMessages.editorAssistiveLabel),
       role: "textbox"
     }));
+    _this.pluginInjectionAPI = new _preset.EditorPluginInjectionAPI({
+      getEditorState: _this.getEditorState
+    });
     _this.eventDispatcher = new _eventDispatcher.EventDispatcher();
     _this.dispatch = (0, _eventDispatcher.createDispatch)(_this.eventDispatcher);
-    _this.errorReporter = (0, _createEditor.createErrorReporter)(_props.editorProps.errorReporterHandler);
+    _this.errorReporter = (0, _createEditor.createErrorReporter)(props.editorProps.errorReporterHandler);
     _this.transactionTracker = new _trackTransactions.TransactionTracker();
     _this.pluginPerformanceObserver = new _pluginPerformanceObserver.PluginPerformanceObserver(function (report) {
       return _this.onPluginObservation(report, _this.editorState);
@@ -567,11 +520,11 @@ var ReactEditorView = /*#__PURE__*/function (_React$Component) {
     _this.eventDispatcher.on(_utils.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: (0, _isFullPage.isFullPage)(_props.editorProps.appearance)
+      selectionAtStart: (0, _isFullPage.isFullPage)(props.editorProps.appearance)
     });
     _this.dispatchAnalyticsEvent({
       action: _analytics.ACTION.STARTED,
@@ -631,7 +584,7 @@ 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) {
@@ -651,6 +604,51 @@ 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 = (0, _createEditor.processPluginsList)(editorPlugins);
+      var state = this.editorState;
+      var plugins = (0, _createEditor.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: (0, _featureFlagsFromProps.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() {
@@ -699,39 +697,11 @@ 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 = (0, _api.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 = (0, _api2.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/cjs/create-editor/create-plugins-list.js

@@ -4,6 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.createPreset = createPreset;
 exports.default = createPluginsList;
 exports.getDefaultPresetOptionsFromEditorProps = getDefaultPresetOptionsFromEditorProps;
 exports.getScrollGutterOptions = getScrollGutterOptions;
@@ -111,13 +112,39 @@ function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent) {
  * Note: The order that presets are added determines
  * their placement in the editor toolbar
  */
-function createPluginsList(props, prevProps, createAnalyticsEvent, insertNodeAPI, editorAnalyticsAPI, editorSelectionAPI, getEditorContainerWidth) {
-  var preset = (0, _universal.default)(props.appearance, getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent), (0, _featureFlagsFromProps.createFeatureFlagsFromProps)(props), prevProps === null || prevProps === void 0 ? void 0 : prevProps.appearance, createAnalyticsEvent, insertNodeAPI, editorAnalyticsAPI, editorSelectionAPI, getEditorContainerWidth);
+function createPluginsList(props, prevProps, createAnalyticsEvent) {
+  var preset = (0, _universal.default)(props.appearance, getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent), (0, _featureFlagsFromProps.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;
+  };
+}
+function createPreset(props, prevProps, createAnalyticsEvent) {
+  var _props$dangerouslyApp;
+  var preset = (0, _universal.default)(props.appearance, getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent), (0, _featureFlagsFromProps.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/cjs/create-editor/preset-utils.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shouldRecreatePreset = shouldRecreatePreset;
+var EMPTY = [];
+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/cjs/editor-next/editor-internal.js

@@ -55,7 +55,7 @@ function EditorInternalWithoutHooks(_ref) {
     providerFactory = _ref.providerFactory,
     onEditorCreated = _ref.onEditorCreated,
     onEditorDestroyed = _ref.onEditorDestroyed,
-    getEditorPlugins = _ref.getEditorPlugins;
+    preset = _ref.preset;
   var Component = (0, _createEditor.getUiComponent)(props.appearance);
   var overriddenEditorProps = _objectSpread(_objectSpread({}, props), {}, {
     onSave: props.onSave ? handleSave : undefined,
@@ -95,7 +95,7 @@ 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/cjs/editor-next/editor-migration-component.js

@@ -10,12 +10,23 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
+var _featureFlagsFromProps = require("../create-editor/feature-flags-from-props");
 var _editor = _interopRequireDefault(require("../editor"));
 var _index = _interopRequireDefault(require("./index"));
-var _featureFlagsFromProps = require("../create-editor/feature-flags-from-props");
+var _useUniversalPreset = _interopRequireDefault(require("../labs/next/presets/useUniversalPreset"));
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
+var EditorNextWrapper = function EditorNextWrapper(_ref) {
+  var props = _ref.props;
+  var preset = (0, _useUniversalPreset.default)({
+    props: props
+  });
+  return /*#__PURE__*/_react.default.createElement(_index.default, (0, _extends2.default)({
+    preset: preset
+  }, props));
+};
 var EditorMigrationComponent = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(EditorMigrationComponent, _React$Component);
   var _super = _createSuper(EditorMigrationComponent);
@@ -27,7 +38,12 @@ var EditorMigrationComponent = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var featureFlags = (0, _featureFlagsFromProps.createFeatureFlagsFromProps)(this.props);
-      return featureFlags.useEditorNext ? /*#__PURE__*/_react.default.createElement(_index.default, this.props) : /*#__PURE__*/_react.default.createElement(_editor.default, this.props);
+      if (!featureFlags.useEditorNext) {
+        return /*#__PURE__*/_react.default.createElement(_editor.default, this.props);
+      }
+      return /*#__PURE__*/_react.default.createElement(EditorNextWrapper, {
+        props: this.props
+      });
     }
   }]);
   return EditorMigrationComponent;

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

@@ -12,6 +12,7 @@ var _hooks = require("@atlaskit/editor-common/hooks");
 var _prepareQuickInsertProvider = _interopRequireDefault(require("../../utils/prepare-quick-insert-provider"));
 var _prepareExtensionProvider = _interopRequireDefault(require("../../utils/prepare-extension-provider"));
 var _handleProviders = _interopRequireDefault(require("../utils/handleProviders"));
+var _getProvidersFromEditorProps = _interopRequireDefault(require("../utils/getProvidersFromEditorProps"));
 function createNewState(editorActions, quickInsert, extensionProviders, createAnalyticsEvent) {
   var extensionProvider = (0, _prepareExtensionProvider.default)(function () {
     return editorActions;
@@ -53,11 +54,11 @@ function useProviderFactory(props, editorActions, createAnalyticsEvent) {
     quickInsert && quickInsert !== (prevProps === null || prevProps === void 0 ? void 0 : prevProps.quickInsert)) {
       var newState = createNewState(editorActions, quickInsert, extensionProviders, createAnalyticsEvent);
       setProviderState(newState);
-      (0, _handleProviders.default)(providerFactory.current, props, newState.extensionProvider, newState.quickInsertProvider);
+      (0, _handleProviders.default)(providerFactory.current, (0, _getProvidersFromEditorProps.default)(props), newState.extensionProvider, newState.quickInsertProvider);
       return;
     }
-    (0, _handleProviders.default)(providerFactory.current, props, providerState.extensionProvider, providerState.quickInsertProvider);
-  }, [props, prevProps, createAnalyticsEvent, editorActions, providerState.extensionProvider, providerState.quickInsertProvider, extensionProviders, quickInsert]);
+    (0, _handleProviders.default)(providerFactory.current, (0, _getProvidersFromEditorProps.default)(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
   (0, _react.useEffect)(function () {