@atlaskit/editor-core 154.0.0 → 155.0.0

package/dist/es2019/ui/ConfigPanel/Header.js

@@ -88,10 +88,13 @@ const Header = ({
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Item, null, /*#__PURE__*/React.createElement(ItemIcon, null, /*#__PURE__*/React.createElement(ResolvedIcon, {
     label: title
   })), /*#__PURE__*/React.createElement(ItemBody, null, summary ? /*#__PURE__*/React.createElement(ItemText, null, /*#__PURE__*/React.createElement("div", {
-    className: "item-title"
+    className: "item-title",
+    id: "context-panel-title"
   }, title), /*#__PURE__*/React.createElement("div", {
     className: "item-summary"
-  }, summary)) : /*#__PURE__*/React.createElement(CenteredItemTitle, null, title)), /*#__PURE__*/React.createElement(CloseButtonWrapper, null, /*#__PURE__*/React.createElement(Button, {
+  }, summary)) : /*#__PURE__*/React.createElement(CenteredItemTitle, {
+    id: "context-panel-title"
+  }, title)), /*#__PURE__*/React.createElement(CloseButtonWrapper, null, /*#__PURE__*/React.createElement(Button, {
     appearance: "subtle",
     iconBefore: /*#__PURE__*/React.createElement(CrossIcon, {
       label: intl.formatMessage(messages.close)

package/dist/es2019/ui/ContentStyles/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import styled from 'styled-components';
-import { whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, blockMarksSharedStyles, shadowSharedStyle, inlineNodeSharedStyle, dateSharedStyle, tasksAndDecisionsStyles, annotationSharedStyles, smartCardSharedStyles, textColorStyles } from '@atlaskit/editor-common/styles';
+import { whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, blockMarksSharedStyles, shadowSharedStyle, dateSharedStyle, tasksAndDecisionsStyles, annotationSharedStyles, smartCardSharedStyles, textColorStyles } from '@atlaskit/editor-common/styles';
 import { editorFontSize } from '@atlaskit/editor-shared-styles';
 import { unsupportedStyles } from '../../plugins/unsupported-content/styles';
 import { telepointerStyle } from '../../plugins/collab-edit/styles';
@@ -41,7 +41,6 @@ const ContentStyles = styled.div`
     ${listsSharedStyles};
     ${indentationSharedStyles};
     ${shadowSharedStyle};
-    ${inlineNodeSharedStyle};
   }
 
   .ProseMirror[contenteditable='false'] .taskItemView-content-wrap {
@@ -131,7 +130,7 @@ const ContentStyles = styled.div`
 
   .pm-table-header-content-wrap,
   .pm-table-cell-content-wrap div.fabric-editor-block-mark {
-    p {
+    p:first-child {
       margin-top: 0;
     }
   }

package/dist/es2019/ui/ContextPanel/index.js

@@ -155,7 +155,9 @@ export class SwappableContentArea extends React.PureComponent {
         panelWidth: width,
         visible: visible,
         positionPanelOverEditor: newPosition,
-        "data-testid": "context-panel-panel"
+        "data-testid": "context-panel-panel",
+        "aria-labelledby": "context-panel-title",
+        role: "dialog"
       }, /*#__PURE__*/React.createElement(Content, {
         panelWidth: width,
         visible: visible

package/dist/es2019/ui/ElementBrowser/ModalElementBrowser.js

@@ -49,9 +49,8 @@ const ModalElementBrowser = props => {
     onClick: onModalClick,
     onKeyDown: onKeyDown
   }, /*#__PURE__*/React.createElement(ModalTransition, null, props.isOpen && /*#__PURE__*/React.createElement(Modal, {
-    stackIndex: 1
-    /** setting stackIndex 1 disables focus control in the modal dialog which was causing conflicts with insertion methods from prosemirror */
-    ,
+    testId: "element-browser-modal-dialog",
+    stackIndex: 0,
     key: "element-browser-modal",
     onClose: props.onClose,
     height: "664px",

package/dist/es2019/ui/ToolbarHelp/index.js

@@ -2,16 +2,31 @@ import React from 'react';
 import QuestionIcon from '@atlaskit/icon/glyph/question';
 import ToolbarButton from '../ToolbarButton';
 import WithHelpTrigger from '../WithHelpTrigger';
-export default (({
+import { injectIntl } from 'react-intl-next';
+import { messages } from './messages';
+
+const tooltipHelpTrigger = ({
   title = 'Open help dialog',
-  titlePosition = 'left'
-}) => /*#__PURE__*/React.createElement(WithHelpTrigger, {
-  render: showHelp => /*#__PURE__*/React.createElement(ToolbarButton, {
-    onClick: showHelp,
-    title: title,
-    titlePosition: titlePosition,
-    iconBefore: /*#__PURE__*/React.createElement(QuestionIcon, {
-      label: title
+  titlePosition = 'left',
+  intl
+}) => {
+  // to have translation for the default tooltip helper
+  let displayTitle = title;
+
+  if (title === 'Open help dialog') {
+    displayTitle = intl.formatMessage(messages.toolbarHelpTitle);
+  }
+
+  return /*#__PURE__*/React.createElement(WithHelpTrigger, {
+    render: showHelp => /*#__PURE__*/React.createElement(ToolbarButton, {
+      onClick: showHelp,
+      title: displayTitle,
+      titlePosition: titlePosition,
+      iconBefore: /*#__PURE__*/React.createElement(QuestionIcon, {
+        label: displayTitle
+      })
     })
-  })
-}));
+  });
+};
+
+export default injectIntl(tooltipHelpTrigger);

package/dist/es2019/ui/ToolbarHelp/messages.js

@@ -0,0 +1,8 @@
+import { defineMessages } from 'react-intl-next';
+export const messages = defineMessages({
+  toolbarHelpTitle: {
+    id: 'fabric.editor.headingLink.toolbarHelpTitle',
+    defaultMessage: 'Open help dialog',
+    description: 'a label for a button that provides help'
+  }
+});

package/dist/es2019/utils/document.js

@@ -1,5 +1,5 @@
 import { Node } from 'prosemirror-model';
-import { transformTextLinkCodeMarks } from '@atlaskit/adf-utils';
+import { transformMediaLinkMarks, transformTextLinkCodeMarks } from '@atlaskit/adf-utils';
 import { sanitizeNodeForPrivacy } from '../utils/filter/privacy-filter';
 import { validateADFEntity, findAndTrackUnsupportedContentNodes } from '@atlaskit/editor-common/utils';
 import { getBreakoutMode } from './node-width';
@@ -170,6 +170,21 @@ export function processRawValue(schema, value, providerFactory, sanitizePrivateC
 
     if (contentTransformer) {
       return Node.fromJSON(schema, node);
+    } // link mark on mediaSingle is deprecated, need to move link mark to child media node
+    // https://product-fabric.atlassian.net/browse/ED-14043
+
+
+    let {
+      transformedAdf,
+      isTransformed
+    } = transformMediaLinkMarks(node);
+
+    if (isTransformed && dispatchAnalyticsEvent) {
+      dispatchAnalyticsEvent({
+        action: ACTION.MEDIA_LINK_TRANSFORMED,
+        actionSubject: ACTION_SUBJECT.EDITOR,
+        eventType: EVENT_TYPE.OPERATIONAL
+      });
     } // See: HOT-97965 https://product-fabric.atlassian.net/browse/ED-14400
     // We declared in code mark spec that links and marks should not co-exist on
     // text nodes. This util strips code marks from bad text nodes and preserves links.
@@ -177,10 +192,9 @@ export function processRawValue(schema, value, providerFactory, sanitizePrivateC
     // and preserving code marks during content changes.
 
 
-    let {
-      transformedAdf,
-      isTransformed
-    } = transformTextLinkCodeMarks(node);
+    const transformResult = transformTextLinkCodeMarks(node);
+    transformedAdf = transformResult.transformedAdf;
+    isTransformed = transformResult.isTransformed;
 
     if (isTransformed && dispatchAnalyticsEvent) {
       dispatchAnalyticsEvent({

package/dist/es2019/utils/keymap.js

@@ -1,4 +1,4 @@
-import { Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { keydownHandler } from 'prosemirror-keymap';
 import { base, keyName } from 'w3c-keyname';
 /**
@@ -10,7 +10,7 @@ import { base, keyName } from 'w3c-keyname';
  */
 
 export function keymap(bindings) {
-  return new Plugin({
+  return new SafePlugin({
     props: {
       handleKeyDown(view, event) {
         const name = keyName(event);

package/dist/es2019/utils/performance/instrumented-plugin.js

@@ -1,6 +1,7 @@
-import { Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { startMeasure, stopMeasure } from '@atlaskit/editor-common/utils';
-export class InstrumentedPlugin extends Plugin {
+import { freezeUnsafeTransactionProperties } from './safer-transactions';
+export class InstrumentedPlugin extends SafePlugin {
   constructor(spec, options = {}, transactionTracker) {
     const {
       transactionTracking = {
@@ -8,16 +9,24 @@ export class InstrumentedPlugin extends Plugin {
       },
       uiTracking = {
         enabled: false
-      }
+      },
+      saferDispatchedTransactions = false,
+      dispatchAnalyticsEvent
     } = options;
+    const shouldOverrideApply = transactionTracking.enabled && transactionTracker || saferDispatchedTransactions;
 
-    if (transactionTracking.enabled && spec.state && transactionTracker) {
+    if (shouldOverrideApply && spec.state) {
       const originalApply = spec.state.apply.bind(spec.state);
 
-      spec.state.apply = (tr, value, oldState, newState) => {
-        const shouldTrackTransactions = transactionTracker.shouldTrackTransaction(transactionTracking);
+      spec.state.apply = (aTr, value, oldState, newState) => {
+        const self = this;
+        const tr = saferDispatchedTransactions ? new Proxy(aTr, freezeUnsafeTransactionProperties({
+          dispatchAnalyticsEvent,
+          pluginKey: self.key
+        })) : aTr;
+        const shouldTrackTransactions = transactionTracker === null || transactionTracker === void 0 ? void 0 : transactionTracker.shouldTrackTransaction(transactionTracking);
 
-        if (!shouldTrackTransactions) {
+        if (!shouldTrackTransactions || !transactionTracker) {
           return originalApply(tr, value, oldState, newState);
         }
 
@@ -25,7 +34,6 @@ export class InstrumentedPlugin extends Plugin {
           startMeasure,
           stopMeasure
         } = transactionTracker.getMeasureHelpers(transactionTracking);
-        const self = this;
         const measure = `🦉${self.key}::apply`;
         startMeasure(measure);
         const result = originalApply(tr, value, oldState, newState);

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

@@ -0,0 +1,43 @@
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../../plugins/analytics';
+export const UNSAFE_PROPERTY_SET_ERROR = 'Setting an unsafe property on transaction after dispatch!'; // since selection uses curSelection under the hood, we guard setSelection instead
+
+const isUnsafeMethod = prop => ['setSelection'].includes(prop.toString());
+
+const isReadOnlyProperty = prop => ['doc', 'docs', 'steps', 'selection'].includes(prop.toString());
+
+export const freezeUnsafeTransactionProperties = ({
+  dispatchAnalyticsEvent,
+  pluginKey
+}) => {
+  const isUnsafe = () => {
+    if (dispatchAnalyticsEvent) {
+      dispatchAnalyticsEvent({
+        action: ACTION.TRANSACTION_MUTATED_AFTER_DISPATCH,
+        actionSubject: ACTION_SUBJECT.EDITOR,
+        eventType: EVENT_TYPE.OPERATIONAL,
+        attributes: {
+          pluginKey: pluginKey || 'unknown'
+        }
+      });
+    }
+
+    throw new Error(UNSAFE_PROPERTY_SET_ERROR);
+  };
+
+  return {
+    get: function (target, prop, receiver) {
+      if (isUnsafeMethod(prop)) {
+        isUnsafe();
+      }
+
+      return Reflect.get(target, prop, receiver);
+    },
+    set: function (target, prop, receiver) {
+      if (isReadOnlyProperty(prop)) {
+        isUnsafe();
+      }
+
+      return Reflect.set(target, prop, receiver);
+    }
+  };
+};

package/dist/es2019/utils/plugin-state-factory.js

@@ -14,7 +14,7 @@
  *  );
  *
  *  export const createPlugin = (dispatch: Dispatch, initialState) =>
- *    new Plugin({
+ *    new SafePlugin({
  *      state: createPluginState(dispatch, initialState),
  *      key: pluginKey
  *    });

package/dist/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "154.0.0";
+export const version = "155.0.0";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/es2019/version.json

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

package/dist/esm/actions/index.js

@@ -12,6 +12,8 @@ import { createDispatch } from '../event-dispatcher';
 import { safeInsert } from 'prosemirror-utils';
 import { analyticsEventKey } from '@atlaskit/editor-common/utils';
 import { findNodePosWithLocalId } from '../plugins/extension/utils';
+import { getFeatureFlags } from '../plugins/feature-flags-context/get-feature-flags';
+import { getCollabProvider } from '../plugins/collab-edit/native-collab-provider-plugin';
 
 var EditorActions = /*#__PURE__*/function () {
   function EditorActions() {
@@ -29,6 +31,37 @@ var EditorActions = /*#__PURE__*/function () {
         });
       }
     });
+
+    _defineProperty(this, "getResolvedEditorState", function () {
+      return new Promise(function (resolver, reject) {
+        var _getCollabProvider;
+
+        if (!_this.editorView) {
+          reject();
+          return;
+        }
+
+        var featureFlags = 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 = getCollabProvider(_this.editorView.state)) === null || _getCollabProvider === void 0 ? void 0 : _getCollabProvider.getFinalAcknowledgedState().then(function (resolvedEditorState) {
+          resolver(resolvedEditorState);
+        }).catch(function (error) {
+          reject(error);
+        });
+      });
+    });
   }
 
   _createClass(EditorActions, [{

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

@@ -25,6 +25,7 @@ import { browser, getAnalyticsEventSeverity, getResponseEndTime, measureRender,
 import { ExperienceStore, EditorExperience, RELIABILITY_INTERVAL } from '@atlaskit/editor-common/ufo';
 import { createDispatch, EventDispatcher } from '../event-dispatcher';
 import { processRawValue } from '../utils';
+import { freezeUnsafeTransactionProperties } from '../utils/performance/safer-transactions';
 import { RenderTracking } from '../utils/react-hooks/use-component-renderer-tracking';
 import { findChangedNodesFromTransaction, validateNodes, validNode } from '../utils/nodes';
 import createPluginList from './create-plugins-list';
@@ -212,21 +213,33 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
     });
 
     _defineProperty(_assertThisInitialized(_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 = processPluginsList(_this.getPlugins(options.props.editorProps, undefined, options.props.createAnalyticsEvent));
+        schema = createSchema(_this.config);
       }
 
-      _this.config = processPluginsList(_this.getPlugins(options.props.editorProps, undefined, options.props.createAnalyticsEvent));
-      var schema = createSchema(_this.config);
       var contentTransformerProvider = options.props.editorProps.contentTransformerProvider;
       var plugins = createPMPlugins({
         schema: schema,
@@ -308,7 +321,7 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
       }
     });
 
-    _defineProperty(_assertThisInitialized(_this), "dispatchTransaction", function (transaction) {
+    _defineProperty(_assertThisInitialized(_this), "dispatchTransaction", function (unsafeTransaction) {
       if (!_this.view) {
         return;
       }
@@ -327,8 +340,12 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
         (_this$experienceStore = _this.experienceStore) === null || _this$experienceStore === void 0 ? void 0 : _this$experienceStore.start(EditorExperience.interaction);
       }
 
-      var nodes = findChangedNodesFromTransaction(transaction);
+      var nodes = findChangedNodesFromTransaction(unsafeTransaction);
       var changedNodesValid = validateNodes(nodes);
+      var transaction = _this.featureFlags.saferDispatchedTransactions ? new Proxy(unsafeTransaction, 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/esm/create-editor/create-editor.js

@@ -98,12 +98,15 @@ export 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
@@ -113,7 +116,9 @@ export function createPMPlugins(config) {
   var instrumentPlugin = useInstrumentedPlugin ? function (plugin) {
     return InstrumentedPlugin.fromPlugin(plugin, {
       uiTracking: uiTracking,
-      transactionTracking: transactionTracking
+      transactionTracking: transactionTracking,
+      saferDispatchedTransactions: saferDispatchedTransactions,
+      dispatchAnalyticsEvent: dispatchAnalyticsEvent
     }, transactionTracker);
   } : function (plugin) {
     return plugin;

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

@@ -46,7 +46,7 @@ export function getScrollGutterOptions(props) {
   return undefined;
 }
 export 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';
@@ -60,7 +60,8 @@ export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEve
     featureFlags: 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,
@@ -151,7 +152,8 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
   if (props.allowExpand) {
     preset.add([expandPlugin, {
       allowInsertion: isExpandInsertionEnabled(props),
-      useLongPressSelection: false
+      useLongPressSelection: false,
+      appearance: props.appearance
     }]);
   }
 
@@ -190,7 +192,6 @@ export default 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
     }]);
@@ -199,7 +200,6 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
   if (props.emojiProvider) {
     preset.add([emojiPlugin, {
       createAnalyticsEvent: createAnalyticsEvent,
-      useInlineWrapper: isMobile,
       allowZeroWidthSpaceAfter: !isMobile
     }]);
   }
@@ -254,7 +254,8 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
     var _collabEditOptions$EX;
 
     var collabEditOptions = {
-      sanitizePrivateContent: props.sanitizePrivateContent
+      sanitizePrivateContent: props.sanitizePrivateContent,
+      createAnalyticsEvent: createAnalyticsEvent
     };
 
     if (props.collabEdit) {
@@ -338,7 +339,6 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
     statusMenuDisabled = _typeof(props.allowStatus) === 'object' ? props.allowStatus.menuDisabled : false;
     preset.add([statusPlugin, {
       menuDisabled: statusMenuDisabled,
-      useInlineWrapper: isMobile,
       allowZeroWidthSpaceAfter: !isMobile
     }]);
   }

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

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

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

@@ -38,7 +38,9 @@ export function useMobilePreset(_ref) {
 
   var _useDefaultPreset = useDefaultPreset({
     featureFlags: featureFlags,
-    paste: {}
+    paste: {
+      plainTextPasteLinkification: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.plainTextPasteLinkification
+    }
   }),
       _useDefaultPreset2 = _slicedToArray(_useDefaultPreset, 1),
       preset = _useDefaultPreset2[0];
@@ -69,8 +71,7 @@ export function useMobilePreset(_ref) {
     disableDefaultItems: true
   }]);
   preset.add([statusPlugin, {
-    menuDisabled: false,
-    useInlineWrapper: true
+    menuDisabled: false
   }]);
   preset.add([placeholderPlugin, {
     placeholder: placeholder
@@ -86,12 +87,8 @@ export function useMobilePreset(_ref) {
     allowBlockCards: true,
     platform: 'mobile'
   }]);
-  preset.add([mentionsPlugin, {
-    useInlineWrapper: true
-  }]);
-  preset.add([emojiPlugin, {
-    useInlineWrapper: true
-  }]); // End
+  preset.add([mentionsPlugin]);
+  preset.add([emojiPlugin]); // End
 
   if (maxContentSize) {
     preset.add([maxContentSizePlugin, maxContentSize]);

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

@@ -4,7 +4,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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; }
 
-import { Plugin, PluginKey } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from 'prosemirror-state';
 import { isAlignable } from '../commands';
 import { getActiveAlignment } from '../utils';
 export function createInitialPluginState(editorState, pluginConfig) {
@@ -15,7 +16,7 @@ export function createInitialPluginState(editorState, pluginConfig) {
 }
 export var pluginKey = new PluginKey('alignmentPlugin');
 export function createPlugin(dispatch, pluginConfig) {
-  return new Plugin({
+  return new SafePlugin({
     key: pluginKey,
     state: {
       init: function init(_config, editorState) {

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

@@ -1,15 +1,29 @@
 import EditorAlignLeftIcon from '@atlaskit/icon/glyph/editor/align-left';
 import EditorAlignRightIcon from '@atlaskit/icon/glyph/editor/align-right';
 import EditorAlignCenterIcon from '@atlaskit/icon/glyph/editor/align-center';
+import { useIntl } from 'react-intl-next';
+import { messages } from './messages';
 import React from 'react';
-export var iconMap = {
-  start: /*#__PURE__*/React.createElement(EditorAlignLeftIcon, {
-    label: "Align left"
-  }),
-  end: /*#__PURE__*/React.createElement(EditorAlignRightIcon, {
-    label: "Align right"
-  }),
-  center: /*#__PURE__*/React.createElement(EditorAlignCenterIcon, {
-    label: "Align center"
-  })
+var iconAndMessageMap = {
+  start: {
+    Component: EditorAlignLeftIcon,
+    label: messages.alignLeft
+  },
+  end: {
+    Component: EditorAlignRightIcon,
+    label: messages.alignRight
+  },
+  center: {
+    Component: EditorAlignCenterIcon,
+    label: messages.alignCenter
+  }
+};
+export var IconMap = function IconMap(props) {
+  var _iconAndMessageMap$pr = iconAndMessageMap[props.alignment],
+      Component = _iconAndMessageMap$pr.Component,
+      label = _iconAndMessageMap$pr.label;
+  var intl = useIntl();
+  return /*#__PURE__*/React.createElement(Component, {
+    label: intl.formatMessage(label)
+  });
 };

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

@@ -17,7 +17,7 @@ import ToolbarButton from '../../../../ui/ToolbarButton';
 import Dropdown from '../../../../ui/Dropdown';
 import Alignment from '../../../../ui/Alignment';
 import { ExpandIconWrapper, Separator, TriggerWrapper, Wrapper } from './styles';
-import { iconMap } from './icon-map';
+import { IconMap } from './icon-map';
 import { messages } from './messages';
 export var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
   _inherits(AlignmentToolbar, _React$Component);
@@ -100,11 +100,13 @@ export 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.createElement(TriggerWrapper, null, iconMap[pluginState.align], /*#__PURE__*/React.createElement(ExpandIconWrapper, null, /*#__PURE__*/React.createElement(ExpandIcon, {
+          iconBefore: /*#__PURE__*/React.createElement(TriggerWrapper, null, /*#__PURE__*/React.createElement(IconMap, {
+            alignment: pluginState.align
+          }), /*#__PURE__*/React.createElement(ExpandIconWrapper, null, /*#__PURE__*/React.createElement(ExpandIcon, {
             label: ""
           })))
         })