@atlaskit/editor-core 154.0.0 → 158.0.0

package/CHANGELOG.md

@@ -1,5 +1,105 @@
 # @atlaskit/editor-core
 
+## 158.0.0
+
+### Patch Changes
+
+- Updated dependencies
+
+## 157.0.0
+
+### Patch Changes
+
+- Updated dependencies
+
+## 156.0.0
+
+### Patch Changes
+
+- Updated dependencies
+
+## 155.0.0
+
+### Major Changes
+
+- [`304351e4b1e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/304351e4b1e) - CETI-241 - Added additional panel ADF attributes (panelIconId, panelIconText) to uniquely identify custom panel emojis. The change has been categorised as major since it is a change to the full-schema ADF. However, the custom panel feature is behind a feature flag, has not yet been released to production, and is only currently planned for release to Confluence. See ADF change #61 for further details.
+- [`9d1e0356622`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d1e0356622) - [ux] CETI-166 Increase the standard panel icons size to make it consistent with the emojis in the panel content area
+
+### Minor Changes
+
+- [`4e234e7fe93`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4e234e7fe93) - CETI-240 handle add custom emoji in floating toolbar
+- [`88ada10af2c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/88ada10af2c) - [ED-14097] Moved getFinalAcknowledgedState control to editor and made the API public
+- [`a52644f9bf5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a52644f9bf5) - [ux][me-1931] Fix expands losing content on mobile when pressing enter mid sentence.
+- [`c2e08fae750`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c2e08fae750) - ME-1660 ContentInSelection in Mobile Selection return array of selected nodes instead of a Set
+- [`134b7496dba`](https://bitbucket.org/atlassian/atlassian-frontend/commits/134b7496dba) - Add react key to smart links
+- [`beb3969bd64`](https://bitbucket.org/atlassian/atlassian-frontend/commits/beb3969bd64) - [ux] Change the media floating toolbar view switcher dropdown text to Change view
+- [`e0103080b39`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e0103080b39) - [ux][me-1342] Fixup scroll behaviour on mobile for compact editor. Removes jumpiness occuring in certain nodes.
+- [`e8331a3b79a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e8331a3b79a) - [ux] EDM-2492 Smart linkification paste override
+- [`25b9e20f62e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/25b9e20f62e) - ED-14002 Added `safer-dispatched-transactions` featureFlag to prevent
+  transactions from being mutated after dispatch at runtime.
+
+### Patch Changes
+
+- [`72af413496a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/72af413496a) - AK-847: add ARIA landmark regions for the FullPageEditor
+- [`0f738d38e25`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0f738d38e25) - [ux] ED-7331: Try to preserve tinyMCE tables that include images during copy paste to Fabric Editor and try to rebuild incomplete tinyMCE tables where possible.
+- [`74a8672bf5e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/74a8672bf5e) - ED-13664 selection should convert to a list
+- [`0eb2553d1eb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0eb2553d1eb) - Fixed putting cursor in text not working when text is above table.
+- [`da1de1b2741`](https://bitbucket.org/atlassian/atlassian-frontend/commits/da1de1b2741) - [ED-14077] Fix hyperlink toolbar closing when open it in a collab session
+- [`b3dc897bae2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b3dc897bae2) - EDM-2750: Added logic to separate design served for toolbar based on feature flag.
+- [`69984830c1d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/69984830c1d) - [ux] ED-14045 Only add zero margin-top to the first paragraph node in centre and right aligned table cells.
+- [`b5375cd4f66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b5375cd4f66) - AK-316: add aria-label for the status picker input field
+- [`a82b0695d1c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a82b0695d1c) - ED-14060 prevent recreating editor schema when calling replaceDocument
+- [`b2de2c58b01`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b2de2c58b01) - [ux] ED-13962 Persist stored marks across transactions that are created by applying remote steps. This prevents marks being lost between the mark being selected and the remote step being applied if the user hasn't typed anything.
+- [`05670d615c7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/05670d615c7) - EDM-2646: Added new view changer icons.
+- [`6d675d908cb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6d675d908cb) - [ux] ED-11668 fixed selecting links with shift click
+- [`1f52295dade`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1f52295dade) - [ux] ED-14003 Fixed the issue, now will delete an empty paragraph under a table. This will only delete empty paragraphs that are not the last node in the document as per the original design decision.
+- [`97412280671`](https://bitbucket.org/atlassian/atlassian-frontend/commits/97412280671) - [ED-13939] Add analytics event to track "can't syncup with collab service" error
+- [`be29fc7e504`](https://bitbucket.org/atlassian/atlassian-frontend/commits/be29fc7e504) - [ux][ed-13990] Ensure that previous find results are no longer highlighted when the next search occurs
+- [`85648c038a4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/85648c038a4) - ED-13939 Rename newCollabSyncUpError analytics event to newCollabSyncUpErrorNoSteps
+- [`9cf75acdaf0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9cf75acdaf0) - [ux] EDM-1777: Fixed embed cards touching cell border in a table.
+- [`869dceac208`](https://bitbucket.org/atlassian/atlassian-frontend/commits/869dceac208) - ticket AK-834: remove aria-hidden from macros modal dialog
+- [`610217c8b67`](https://bitbucket.org/atlassian/atlassian-frontend/commits/610217c8b67) - [ux][ed-13970] Creating a new list from a paragraph and a list below now correctly merge when a list is above the paragraph
+- [`db38bcc02d5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/db38bcc02d5) - [ED-14099] Fixup flakey test in expand plugin
+- [`4e6fbaf5898`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4e6fbaf5898) - ED-14117 Change EditorState.apply type to receive readonly transaction
+
+  Transactions should not be mutated after being dispatched as it can lead to
+  unexpected behaviour. This change patches the relevant types declared in
+  prosemirror-state as a compile-time safeguard.
+
+- [`2f5133aedd7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2f5133aedd7) - ED-13881 Update existing imports from @atlaskit/adf-schema to use declarative entry points
+- [`b48b9e66b75`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b48b9e66b75) - Sticky class persist in table header row even after table is out of viewport. Fixed that.
+- [`3b49ff824ec`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3b49ff824ec) - ED-14043 update prosemirror schema to only allow link mark on children of paragraph and mediaSingle
+- [`1b76b5d7090`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1b76b5d7090) - Added in analytics events to switching media inline views
+- [`0fdd92d8c01`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0fdd92d8c01) - [ux] ED-14205: fixed heading margins for aligned text in table row/column header cells
+
+  Work on this PR was originally marked as ED-14026
+
+- [`cc3d8ab686b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cc3d8ab686b) - [ux] ED-14177 Remove More/Fewer color button from color palatte
+- [`83337aced9d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/83337aced9d) - ED-13871 Fix jumpiness in table when typing in row. This usually happens when you have the table occupying most of the viewport and there are no nodes underneath. This is due to the sticky header trying to make it sticky and non-sticky as you type. This PR improves the logic of determining when to make it sticky/non-sticky. And also made the rule that if the height of the table is less than the viewport of the editor then make the header non-sticky.
+- [`16294b02fd4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/16294b02fd4) - CETI-242 Change the Color palette labels for panel
+- [`14f4f5f0a82`](https://bitbucket.org/atlassian/atlassian-frontend/commits/14f4f5f0a82) - [ux] ED-14033 Adds position fixed to table layout button when table has sticky headers to prevent the button from jumping on scroll
+- [`14ec4d6a770`](https://bitbucket.org/atlassian/atlassian-frontend/commits/14ec4d6a770) - [ux] ED-14046 Fix bug where pressing arrow down before a table moved the cursor behind the table
+- [`19d5531e8e8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d5531e8e8) - ED-14318 Handle null ref in typeahead input query component
+- [`560d126648f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/560d126648f) - [ux] ED-10482 paste invalid content after a node rather than split the node in half
+- [`7f8be1a6a30`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7f8be1a6a30) - clean stage0 artefacts from dataConsumer mark
+- [`e1f87868725`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e1f87868725) - [ED-14588] Fix feature flag check for useNativeCollabPlugin
+- [`78c6a40ef5e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/78c6a40ef5e) - [ED-13118] Removing dead workaround code that causes tapping after a bullet item with a smart link to select the smart link
+- [`767a791e25c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/767a791e25c) - Added descriptions for new view changing designs to messages.ts
+- [`2e9ab136b60`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e9ab136b60) - ED-14131 Improve table stickiness rule (related to ED-13871) and unskip VR tests
+- [`efc43c1ca69`](https://bitbucket.org/atlassian/atlassian-frontend/commits/efc43c1ca69) - ED-14051 Shift-Tab not working inside table cell having list with paragraph issue fixed.
+- [`783bda0d683`](https://bitbucket.org/atlassian/atlassian-frontend/commits/783bda0d683) - Extra information added to analytics for toolbar change view options
+- [`357967647ac`](https://bitbucket.org/atlassian/atlassian-frontend/commits/357967647ac) - ED-14206 Add newline between list items when copied as plain text
+- [`7f544c17140`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7f544c17140) - [UR-3222]: Enable intl context for mention node
+- [`6eac2d18bf4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6eac2d18bf4) - [ux][ed-10012] Add a check to backspace keymap for expands + fix a bug in the code block backspace keymap. This solves issues where an empty panel or code block is nested within an expand, and backspace is pressed. Previously the expand would be deleted as well, but now only the panel or code block will be deleted and the expand will remain. Also added integration tests for this behaviour.
+- [`cce2116c3dd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cce2116c3dd) - AK-839: when the Children display's Edit dialog opens, a screen reader should announce the dialog title
+- [`a750eda9a6f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a750eda9a6f) - [ED-14036] Fix floating typeahead coming from rebased steps
+- [`a36d06dee66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a36d06dee66) - [ux] Added intl tooling to all strings that were previously not using intl tooling. Should mean that more things are able to be translated. Also fixed the relevent tests to account for intl tooling.
+- [`356d6e87129`](https://bitbucket.org/atlassian/atlassian-frontend/commits/356d6e87129) - Added new feature flag for smart links view changing experiment.
+- [`e757b21eba9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e757b21eba9) - ED-13066 fixed view jumps to the top of the page
+- [`86fd3754245`](https://bitbucket.org/atlassian/atlassian-frontend/commits/86fd3754245) - Pasting link having space character in it replacing selected text issue fixed.
+- [`5db40924cf9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5db40924cf9) - AK-701: removed redundant tabindex=0 from toolbar buttons
+- Updated dependencies
+
 ## 154.0.0
 
 ### Major Changes

package/dist/cjs/actions/index.js

@@ -35,6 +35,10 @@ 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 EditorActions = /*#__PURE__*/function () {
   function EditorActions() {
     var _this = this;
@@ -49,6 +53,36 @@ var EditorActions = /*#__PURE__*/function () {
         });
       }
     });
+    (0, _defineProperty2.default)(this, "getResolvedEditorState", function () {
+      return new Promise(function (resolver, reject) {
+        var _getCollabProvider;
+
+        if (!_this.editorView) {
+          reject();
+          return;
+        }
+
+        var featureFlags = (0, _getFeatureFlags.getFeatureFlags)(_this.editorView.state);
+
+        if (!featureFlags.useNativeCollabPlugin) {
+          var _this$getValue;
+
+          return (_this$getValue = _this.getValue()) === null || _this$getValue === void 0 ? void 0 : _this$getValue.then(function (content) {
+            resolver({
+              content: content,
+              title: null,
+              stepVersion: -1
+            });
+          });
+        }
+
+        (_getCollabProvider = (0, _nativeCollabProviderPlugin.getCollabProvider)(_this.editorView.state)) === null || _getCollabProvider === void 0 ? void 0 : _getCollabProvider.getFinalAcknowledgedState().then(function (resolvedEditorState) {
+          resolver(resolvedEditorState);
+        }).catch(function (error) {
+          reject(error);
+        });
+      });
+    });
   }
 
   (0, _createClass2.default)(EditorActions, [{

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

@@ -44,6 +44,8 @@ var _eventDispatcher = require("../event-dispatcher");
 
 var _utils2 = require("../utils");
 
+var _saferTransactions = require("../utils/performance/safer-transactions");
+
 var _useComponentRendererTracking = require("../utils/react-hooks/use-component-renderer-tracking");
 
 var _nodes = require("../utils/nodes");
@@ -247,21 +249,33 @@ var ReactEditorView = /*#__PURE__*/function (_React$Component) {
       (0, _analytics.fireAnalyticsEvent)(_this.props.createAnalyticsEvent)(payload);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createEditorState", function (options) {
-      if (_this.view && !options.resetting) {
-        /**
-         * There's presently a number of issues with changing the schema of a
-         * editor inflight. A significant issue is that we lose the ability
-         * to keep track of a user's history as the internal plugin state
-         * keeps a list of Steps to undo/redo (which are tied to the schema).
-         * Without a good way to do work around this, we prevent this for now.
-         */
-        // eslint-disable-next-line no-console
-        console.warn('The editor does not support changing the schema dynamically.');
-        return _this.editorState;
+      var schema;
+
+      if (_this.view) {
+        if (options.resetting) {
+          /**
+           * ReactEditorView currently does NOT handle dynamic schema,
+           * We are reusing the existing schema, and rely on #reconfigureState
+           * to update `this.config`
+           */
+          schema = _this.view.state.schema;
+        } else {
+          /**
+           * There's presently a number of issues with changing the schema of a
+           * editor inflight. A significant issue is that we lose the ability
+           * to keep track of a user's history as the internal plugin state
+           * keeps a list of Steps to undo/redo (which are tied to the schema).
+           * Without a good way to do work around this, we prevent this for now.
+           */
+          // eslint-disable-next-line no-console
+          console.warn('The editor does not support changing the schema dynamically.');
+          return _this.editorState;
+        }
+      } else {
+        _this.config = (0, _createEditor.processPluginsList)(_this.getPlugins(options.props.editorProps, undefined, options.props.createAnalyticsEvent));
+        schema = (0, _createSchema.createSchema)(_this.config);
       }
 
-      _this.config = (0, _createEditor.processPluginsList)(_this.getPlugins(options.props.editorProps, undefined, options.props.createAnalyticsEvent));
-      var schema = (0, _createSchema.createSchema)(_this.config);
       var contentTransformerProvider = options.props.editorProps.contentTransformerProvider;
       var plugins = (0, _createEditor.createPMPlugins)({
         schema: schema,
@@ -341,7 +355,7 @@ var ReactEditorView = /*#__PURE__*/function (_React$Component) {
         }
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "dispatchTransaction", function (transaction) {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "dispatchTransaction", function (unsafeTransaction) {
       if (!_this.view) {
         return;
       }
@@ -360,8 +374,12 @@ var ReactEditorView = /*#__PURE__*/function (_React$Component) {
         (_this$experienceStore = _this.experienceStore) === null || _this$experienceStore === void 0 ? void 0 : _this$experienceStore.start(_ufo.EditorExperience.interaction);
       }
 
-      var nodes = (0, _nodes.findChangedNodesFromTransaction)(transaction);
+      var nodes = (0, _nodes.findChangedNodesFromTransaction)(unsafeTransaction);
       var changedNodesValid = (0, _nodes.validateNodes)(nodes);
+      var transaction = _this.featureFlags.saferDispatchedTransactions ? new Proxy(unsafeTransaction, (0, _saferTransactions.freezeUnsafeTransactionProperties)({
+        dispatchAnalyticsEvent: _this.dispatchAnalyticsEvent,
+        pluginKey: 'unknown-reacteditorview'
+      })) : unsafeTransaction;
 
       if (changedNodesValid) {
         var oldEditorState = _this.view.state; // go ahead and update the state now we know the transaction is good

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

@@ -119,12 +119,15 @@ function createPMPlugins(config) {
   var editorConfig = config.editorConfig,
       _config$performanceTr = config.performanceTracking,
       performanceTracking = _config$performanceTr === void 0 ? {} : _config$performanceTr,
-      transactionTracker = config.transactionTracker;
+      transactionTracker = config.transactionTracker,
+      featureFlags = config.featureFlags,
+      dispatchAnalyticsEvent = config.dispatchAnalyticsEvent;
   var _performanceTracking$ = performanceTracking.uiTracking,
       uiTracking = _performanceTracking$ === void 0 ? TRACKING_DEFAULT : _performanceTracking$,
       _performanceTracking$2 = performanceTracking.transactionTracking,
       transactionTracking = _performanceTracking$2 === void 0 ? TRACKING_DEFAULT : _performanceTracking$2;
-  var useInstrumentedPlugin = uiTracking.enabled || transactionTracking.enabled;
+  var saferDispatchedTransactions = featureFlags.saferDispatchedTransactions;
+  var useInstrumentedPlugin = uiTracking.enabled || transactionTracking.enabled || saferDispatchedTransactions;
 
   if (process.env.NODE_ENV === 'development' && transactionTracking.enabled && !transactionTracker) {
     // eslint-disable-next-line no-console
@@ -134,7 +137,9 @@ function createPMPlugins(config) {
   var instrumentPlugin = useInstrumentedPlugin ? function (plugin) {
     return _instrumentedPlugin.InstrumentedPlugin.fromPlugin(plugin, {
       uiTracking: uiTracking,
-      transactionTracking: transactionTracking
+      transactionTracking: transactionTracking,
+      saferDispatchedTransactions: saferDispatchedTransactions,
+      dispatchAnalyticsEvent: dispatchAnalyticsEvent
     }, transactionTracker);
   } : function (plugin) {
     return plugin;

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

@@ -65,7 +65,7 @@ function getScrollGutterOptions(props) {
 }
 
 function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent) {
-  var _props$performanceTra, _props$performanceTra2, _props$textFormatting;
+  var _props$performanceTra, _props$featureFlags, _props$performanceTra2, _props$textFormatting;
 
   var appearance = props.appearance;
   var isMobile = appearance === 'mobile';
@@ -79,7 +79,8 @@ function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent) {
     featureFlags: (0, _featureFlagsFromProps.createFeatureFlagsFromProps)(props),
     paste: {
       cardOptions: props.smartLinks || props.UNSAFE_cards,
-      sanitizePrivateContent: props.sanitizePrivateContent
+      sanitizePrivateContent: props.sanitizePrivateContent,
+      plainTextPasteLinkification: ((_props$featureFlags = props.featureFlags) === null || _props$featureFlags === void 0 ? void 0 : _props$featureFlags.plainTextPasteLinkification) === true
     },
     base: {
       allowInlineCursorTarget: !isMobile,
@@ -171,7 +172,8 @@ function createPluginsList(props, prevProps, createAnalyticsEvent) {
   if (props.allowExpand) {
     preset.add([_plugins.expandPlugin, {
       allowInsertion: (0, _plugins.isExpandInsertionEnabled)(props),
-      useLongPressSelection: false
+      useLongPressSelection: false,
+      appearance: props.appearance
     }]);
   }
 
@@ -210,7 +212,6 @@ function createPluginsList(props, prevProps, createAnalyticsEvent) {
       createAnalyticsEvent: createAnalyticsEvent,
       sanitizePrivateContent: props.sanitizePrivateContent,
       insertDisplayName: (_props$mention$insert = (_props$mention = props.mention) === null || _props$mention === void 0 ? void 0 : _props$mention.insertDisplayName) !== null && _props$mention$insert !== void 0 ? _props$mention$insert : props.mentionInsertDisplayName,
-      useInlineWrapper: isMobile,
       allowZeroWidthSpaceAfter: !isMobile,
       HighlightComponent: (_props$mention2 = props.mention) === null || _props$mention2 === void 0 ? void 0 : _props$mention2.HighlightComponent
     }]);
@@ -219,7 +220,6 @@ function createPluginsList(props, prevProps, createAnalyticsEvent) {
   if (props.emojiProvider) {
     preset.add([_plugins.emojiPlugin, {
       createAnalyticsEvent: createAnalyticsEvent,
-      useInlineWrapper: isMobile,
       allowZeroWidthSpaceAfter: !isMobile
     }]);
   }
@@ -274,7 +274,8 @@ function createPluginsList(props, prevProps, createAnalyticsEvent) {
     var _collabEditOptions$EX;
 
     var collabEditOptions = {
-      sanitizePrivateContent: props.sanitizePrivateContent
+      sanitizePrivateContent: props.sanitizePrivateContent,
+      createAnalyticsEvent: createAnalyticsEvent
     };
 
     if (props.collabEdit) {
@@ -358,7 +359,6 @@ function createPluginsList(props, prevProps, createAnalyticsEvent) {
     statusMenuDisabled = (0, _typeof2.default)(props.allowStatus) === 'object' ? props.allowStatus.menuDisabled : false;
     preset.add([_plugins.statusPlugin, {
       menuDisabled: statusMenuDisabled,
-      useInlineWrapper: isMobile,
       allowZeroWidthSpaceAfter: !isMobile
     }]);
   }

package/dist/cjs/labs/next/presets/cxhtml.js

@@ -27,7 +27,9 @@ function useCXHTMLPreset(_ref) {
 
   var _useDefaultPreset = (0, _default.useDefaultPreset)({
     featureFlags: featureFlags,
-    paste: {}
+    paste: {
+      plainTextPasteLinkification: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.plainTextPasteLinkification
+    }
   }),
       _useDefaultPreset2 = (0, _slicedToArray2.default)(_useDefaultPreset, 1),
       preset = _useDefaultPreset2[0];

package/dist/cjs/labs/next/presets/mobile.js

@@ -75,7 +75,9 @@ function useMobilePreset(_ref) {
 
   var _useDefaultPreset = (0, _default.useDefaultPreset)({
     featureFlags: featureFlags,
-    paste: {}
+    paste: {
+      plainTextPasteLinkification: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.plainTextPasteLinkification
+    }
   }),
       _useDefaultPreset2 = (0, _slicedToArray2.default)(_useDefaultPreset, 1),
       preset = _useDefaultPreset2[0];
@@ -106,8 +108,7 @@ function useMobilePreset(_ref) {
     disableDefaultItems: true
   }]);
   preset.add([_status.default, {
-    menuDisabled: false,
-    useInlineWrapper: true
+    menuDisabled: false
   }]);
   preset.add([_placeholder.default, {
     placeholder: placeholder
@@ -123,12 +124,8 @@ function useMobilePreset(_ref) {
     allowBlockCards: true,
     platform: 'mobile'
   }]);
-  preset.add([_mentions.default, {
-    useInlineWrapper: true
-  }]);
-  preset.add([_emoji.default, {
-    useInlineWrapper: true
-  }]); // End
+  preset.add([_mentions.default]);
+  preset.add([_emoji.default]); // End
 
   if (maxContentSize) {
     preset.add([_maxContentSize.default, maxContentSize]);

package/dist/cjs/plugins/alignment/pm-plugins/main.js

@@ -11,6 +11,8 @@ exports.pluginKey = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var _commands = require("../commands");
@@ -32,7 +34,7 @@ var pluginKey = new _prosemirrorState.PluginKey('alignmentPlugin');
 exports.pluginKey = pluginKey;
 
 function createPlugin(dispatch, pluginConfig) {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: pluginKey,
     state: {
       init: function init(_config, editorState) {

package/dist/cjs/plugins/alignment/ui/ToolbarAlignment/icon-map.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.iconMap = void 0;
+exports.IconMap = void 0;
 
 var _alignLeft = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/align-left"));
 
@@ -13,17 +13,35 @@ var _alignRight = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/al
 
 var _alignCenter = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/align-center"));
 
+var _reactIntlNext = require("react-intl-next");
+
+var _messages = require("./messages");
+
 var _react = _interopRequireDefault(require("react"));
 
-var iconMap = {
-  start: /*#__PURE__*/_react.default.createElement(_alignLeft.default, {
-    label: "Align left"
-  }),
-  end: /*#__PURE__*/_react.default.createElement(_alignRight.default, {
-    label: "Align right"
-  }),
-  center: /*#__PURE__*/_react.default.createElement(_alignCenter.default, {
-    label: "Align center"
-  })
+var iconAndMessageMap = {
+  start: {
+    Component: _alignLeft.default,
+    label: _messages.messages.alignLeft
+  },
+  end: {
+    Component: _alignRight.default,
+    label: _messages.messages.alignRight
+  },
+  center: {
+    Component: _alignCenter.default,
+    label: _messages.messages.alignCenter
+  }
 };
-exports.iconMap = iconMap;
+
+var IconMap = function IconMap(props) {
+  var _iconAndMessageMap$pr = iconAndMessageMap[props.alignment],
+      Component = _iconAndMessageMap$pr.Component,
+      label = _iconAndMessageMap$pr.label;
+  var intl = (0, _reactIntlNext.useIntl)();
+  return /*#__PURE__*/_react.default.createElement(Component, {
+    label: intl.formatMessage(label)
+  });
+};
+
+exports.IconMap = IconMap;

package/dist/cjs/plugins/alignment/ui/ToolbarAlignment/index.js

@@ -118,11 +118,13 @@ var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
           selected: isOpen,
           title: title,
           className: "align-btn",
-          "aria-label": "Text alignment",
+          "aria-label": title,
           "aria-expanded": isOpen,
           "aria-haspopup": true,
           onClick: this.toggleOpen,
-          iconBefore: /*#__PURE__*/_react.default.createElement(_styles.TriggerWrapper, null, _iconMap.iconMap[pluginState.align], /*#__PURE__*/_react.default.createElement(_styles.ExpandIconWrapper, null, /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
+          iconBefore: /*#__PURE__*/_react.default.createElement(_styles.TriggerWrapper, null, /*#__PURE__*/_react.default.createElement(_iconMap.IconMap, {
+            alignment: pluginState.align
+          }), /*#__PURE__*/_react.default.createElement(_styles.ExpandIconWrapper, null, /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
             label: ""
           })))
         })

package/dist/cjs/plugins/alignment/ui/ToolbarAlignment/messages.js

@@ -12,6 +12,21 @@ var messages = (0, _reactIntlNext.defineMessages)({
     id: 'fabric.editor.alignment',
     defaultMessage: 'Text alignment',
     description: 'Opens drop down menu of options to configure text alignment'
+  },
+  alignLeft: {
+    id: 'fabric.editor.alignLeft',
+    defaultMessage: 'Align left',
+    description: 'label stating that text is aligned left'
+  },
+  alignRight: {
+    id: 'fabric.editor.alignRight',
+    defaultMessage: 'Align Right',
+    description: 'label stating that text is aligned right'
+  },
+  alignCenter: {
+    id: 'fabric.editor.alignCenter',
+    defaultMessage: 'Align Center',
+    description: 'label stating that text is aligned center'
   }
 });
 exports.messages = messages;

package/dist/cjs/plugins/analytics/plugin.js

@@ -12,7 +12,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var _utils = require("@atlaskit/editor-common/utils");
 
@@ -46,7 +46,7 @@ function createPlugin(options) {
   }
 
   var hasRequiredPerformanceAPIs = (0, _utils.isPerformanceAPIAvailable)();
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: _pluginKey.analyticsPluginKey,
     state: {
       init: function init() {

package/dist/cjs/plugins/analytics/types/enums.js

@@ -68,6 +68,7 @@ exports.ACTION = ACTION;
   ACTION["LANGUAGE_SELECTED"] = "languageSelected";
   ACTION["LIST_ITEM_JOINED"] = "listItemJoined";
   ACTION["MATCHED"] = "matched";
+  ACTION["MEDIA_LINK_TRANSFORMED"] = "mediaLinkTransformed";
   ACTION["NODE_CONTENT_SANITIZED"] = "nodeContentSanitized";
   ACTION["OPENED"] = "opened";
   ACTION["OUTDENTED"] = "outdented";
@@ -91,6 +92,7 @@ exports.ACTION = ACTION;
   ACTION["TEXT_LINK_MARK_TRANSFORMED"] = "textLinkMarkTransformed";
   ACTION["TOGGLE_EXPAND"] = "toggleExpand";
   ACTION["TRANSACTION_DISPATCHED"] = "transactionDispatched";
+  ACTION["TRANSACTION_MUTATED_AFTER_DISPATCH"] = "transactionMutatedAfterDispatched";
   ACTION["TYPING_FINISHED"] = "typingFinished";
   ACTION["TYPING_STARTED"] = "typingStarted";
   ACTION["UNLINK"] = "unlinked";
@@ -103,6 +105,7 @@ exports.ACTION = ACTION;
   ACTION["RENDERED"] = "rendered";
   ACTION["ON_EDITOR_READY_CALLBACK"] = "onEditorReadyCallback";
   ACTION["ON_CHANGE_CALLBACK"] = "onChangeCalled";
+  ACTION["NEW_COLLAB_SYNC_UP_ERROR_NO_STEPS"] = "newCollabSyncUpErrorNoSteps";
   ACTION["REMOVE_ICON"] = "removedIcon";
   ACTION["UFO_SESSION_COMPLETE"] = "ufoSessionComplete";
   ACTION["INVALID_PROSEMIRROR_DOCUMENT"] = "invalidProsemirrorDocument";

package/dist/cjs/plugins/annotation/pm-plugins/inline-comment.js

@@ -15,7 +15,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 
 var _inlineCommentEvents = require("./../../analytics/types/inline-comment-events");
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var _adfSchema = require("@atlaskit/adf-schema");
 
@@ -167,7 +167,7 @@ var inlineCommentPlugin = function inlineCommentPlugin(options) {
   var provider = options.provider,
       portalProviderAPI = options.portalProviderAPI,
       eventDispatcher = options.eventDispatcher;
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: _utils.inlineCommentPluginKey,
     state: (0, _pluginFactory.createPluginState)(options.dispatch, initialState(provider.disallowOnWhitespace)),
     view: function view(editorView) {

package/dist/cjs/plugins/avatar-group/index.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _AvatarGroupPluginWrapper = require("./ui/AvatarGroupPluginWrapper");
+var _AvatarGroupPluginWrapper = _interopRequireDefault(require("./ui/AvatarGroupPluginWrapper"));
 
 var avatarGroup = function avatarGroup(props) {
   return {
@@ -23,7 +23,7 @@ var avatarGroup = function avatarGroup(props) {
           isToolbarReducedSpacing = _ref.isToolbarReducedSpacing,
           eventDispatcher = _ref.eventDispatcher,
           dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent;
-      return /*#__PURE__*/_react.default.createElement(_AvatarGroupPluginWrapper.AvatarGroupPluginWrapper, {
+      return /*#__PURE__*/_react.default.createElement(_AvatarGroupPluginWrapper.default, {
         dispatchAnalyticsEvent: dispatchAnalyticsEvent,
         editorView: editorView,
         eventDispatcher: eventDispatcher,

package/dist/cjs/plugins/avatar-group/messages.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.avatarGroupMessages = void 0;
+
+var _reactIntlNext = require("react-intl-next");
+
+var avatarGroupMessages = (0, _reactIntlNext.defineMessages)({
+  editors: {
+    id: 'fabric.editor.editors',
+    defaultMessage: 'Editors',
+    description: 'classifying the people that are currently editing the document'
+  }
+});
+exports.avatarGroupMessages = avatarGroupMessages;

package/dist/cjs/plugins/avatar-group/ui/AvatarGroupPluginWrapper.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.AvatarGroupPluginWrapper = void 0;
+exports.default = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
@@ -17,6 +17,10 @@ var _avatarsWithPluginState = _interopRequireDefault(require("../../collab-edit/
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
+var _reactIntlNext = require("react-intl-next");
+
+var _messages = require("../messages");
+
 var _analytics = require("../../analytics");
 
 var _templateObject;
@@ -31,6 +35,7 @@ var ToolbarButtonWrapper = _styledComponents.default.div(_templateObject || (_te
 
 var AvatarGroupPluginWrapper = function AvatarGroupPluginWrapper(props) {
   var dispatchAnalyticsEvent = props.dispatchAnalyticsEvent;
+  var intl = (0, _reactIntlNext.useIntl)();
   (0, _react.useEffect)(function () {
     if (!dispatchAnalyticsEvent) {
       return;
@@ -44,7 +49,7 @@ var AvatarGroupPluginWrapper = function AvatarGroupPluginWrapper(props) {
     });
   }, [dispatchAnalyticsEvent]);
   return /*#__PURE__*/_react.default.createElement(ToolbarButtonWrapper, {
-    "aria-label": "Editors",
+    "aria-label": intl.formatMessage(_messages.avatarGroupMessages.editors),
     "data-testid": 'avatar-group-in-plugin',
     takeFullWidth: props.takeFullWidth
   }, /*#__PURE__*/_react.default.createElement(_avatarsWithPluginState.default, {
@@ -56,4 +61,5 @@ var AvatarGroupPluginWrapper = function AvatarGroupPluginWrapper(props) {
   }));
 };
 
-exports.AvatarGroupPluginWrapper = AvatarGroupPluginWrapper;
+var _default = AvatarGroupPluginWrapper;
+exports.default = _default;