@atlaskit/editor-core 154.0.0 → 155.0.0

package/dist/esm/ui/ColorPalette/index.js

@@ -25,7 +25,6 @@ var ColorPalette = function ColorPalette(props) {
       onClick = props.onClick,
       selectedColor = props.selectedColor,
       className = props.className,
-      isShowingMoreColors = props.isShowingMoreColors,
       formatMessage = props.intl.formatMessage;
   var colorsPerRow = React.useMemo(function () {
     return palette.reduce(function (resultArray, item, index) {
@@ -53,8 +52,7 @@ var ColorPalette = function ColorPalette(props) {
         label: message ? formatMessage(message) : label,
         onClick: onClick,
         isSelected: value === selectedColor,
-        checkMarkColor: getContrastColor(value, [N0, N500]),
-        autoFocus: isShowingMoreColors && rowIdx === 1 && colorIdx === 0
+        checkMarkColor: getContrastColor(value, [N0, N500])
       });
     }));
   }));

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

@@ -44,10 +44,13 @@ var Header = function Header(_ref) {
   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/esm/ui/ContentStyles/index.js

@@ -5,7 +5,7 @@ var _templateObject;
 
 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';
@@ -36,7 +36,7 @@ import { smartCardStyles } from '../../plugins/card/styles';
 import { dateStyles } from '../../plugins/date/styles';
 import { embedCardStyles } from '../../plugins/card/ui/styled';
 import { useFeatureFlags } from '../../plugins/feature-flags-context';
-var ContentStyles = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror {\n    outline: none;\n    font-size: ", "px;\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  .ProseMirror[contenteditable='false'] .taskItemView-content-wrap {\n    pointer-events: none;\n    opacity: 0.7;\n  }\n\n  .ProseMirror-hideselection *::selection {\n    background: transparent;\n  }\n\n  .ProseMirror-hideselection *::-moz-selection {\n    background: transparent;\n  }\n\n  .ProseMirror-selectednode {\n    outline: none;\n  }\n\n  .ProseMirror-selectednode:empty {\n    outline: 2px solid #8cf;\n  }\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", ";\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  .panelView-content-wrap {\n    box-sizing: border-box;\n  }\n\n  .mediaGroupView-content-wrap ul {\n    padding: 0;\n  }\n\n  /** Needed to override any cleared floats, e.g. image wrapping */\n\n  div.fabric-editor-block-mark[class^='fabric-editor-align'] {\n    clear: none !important;\n  }\n\n  .fabric-editor-align-end {\n    text-align: right;\n  }\n\n  .fabric-editor-align-start {\n    text-align: left;\n  }\n\n  .fabric-editor-align-center {\n    text-align: center;\n  }\n\n  .pm-table-header-content-wrap,\n  .pm-table-cell-content-wrap div.fabric-editor-block-mark {\n    p {\n      margin-top: 0;\n    }\n  }\n\n  .hyperlink-floating-toolbar,\n  .", " {\n    padding: 0;\n  }\n\n  /* Link icon in the Atlaskit package\n     is bigger than the others\n  */\n  .hyperlink-open-link {\n    svg {\n      max-width: 18px;\n    }\n    &[href] {\n      padding: 0 4px;\n    }\n  }\n"])), editorFontSize, whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, shadowSharedStyle, inlineNodeSharedStyle, blocktypeStyles, textFormattingStyles, placeholderTextStyles, placeholderStyles, function (_ref) {
+var ContentStyles = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror {\n    outline: none;\n    font-size: ", "px;\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  .ProseMirror[contenteditable='false'] .taskItemView-content-wrap {\n    pointer-events: none;\n    opacity: 0.7;\n  }\n\n  .ProseMirror-hideselection *::selection {\n    background: transparent;\n  }\n\n  .ProseMirror-hideselection *::-moz-selection {\n    background: transparent;\n  }\n\n  .ProseMirror-selectednode {\n    outline: none;\n  }\n\n  .ProseMirror-selectednode:empty {\n    outline: 2px solid #8cf;\n  }\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", ";\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  .panelView-content-wrap {\n    box-sizing: border-box;\n  }\n\n  .mediaGroupView-content-wrap ul {\n    padding: 0;\n  }\n\n  /** Needed to override any cleared floats, e.g. image wrapping */\n\n  div.fabric-editor-block-mark[class^='fabric-editor-align'] {\n    clear: none !important;\n  }\n\n  .fabric-editor-align-end {\n    text-align: right;\n  }\n\n  .fabric-editor-align-start {\n    text-align: left;\n  }\n\n  .fabric-editor-align-center {\n    text-align: center;\n  }\n\n  .pm-table-header-content-wrap,\n  .pm-table-cell-content-wrap div.fabric-editor-block-mark {\n    p:first-child {\n      margin-top: 0;\n    }\n  }\n\n  .hyperlink-floating-toolbar,\n  .", " {\n    padding: 0;\n  }\n\n  /* Link icon in the Atlaskit package\n     is bigger than the others\n  */\n  .hyperlink-open-link {\n    svg {\n      max-width: 18px;\n    }\n    &[href] {\n      padding: 0 4px;\n    }\n  }\n"])), editorFontSize, whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, shadowSharedStyle, blocktypeStyles, textFormattingStyles, placeholderTextStyles, placeholderStyles, function (_ref) {
   var featureFlags = _ref.featureFlags;
   return featureFlags !== null && featureFlags !== void 0 && featureFlags.codeBlockSyntaxHighlighting ? highlightingCodeBlockStyles : codeBlockStyles;
 }, textColorStyles, listsStyles, ruleStyles, mediaStyles, layoutStyles, telepointerStyle, gapCursorStyles, tableStyles, panelStyles, fakeCursorStyles, mentionsStyles, function (_ref2) {

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

@@ -162,7 +162,9 @@ export var SwappableContentArea = /*#__PURE__*/function (_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/esm/ui/ElementBrowser/ModalElementBrowser.js

@@ -62,9 +62,8 @@ var ModalElementBrowser = function 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/esm/ui/ToolbarHelp/index.js

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

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

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

package/dist/esm/utils/document.js

@@ -1,6 +1,6 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 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';
@@ -167,6 +167,20 @@ 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
+
+
+    var _transformMediaLinkMa = transformMediaLinkMarks(node),
+        transformedAdf = _transformMediaLinkMa.transformedAdf,
+        isTransformed = _transformMediaLinkMa.isTransformed;
+
+    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.
@@ -174,9 +188,9 @@ export function processRawValue(schema, value, providerFactory, sanitizePrivateC
     // and preserving code marks during content changes.
 
 
-    var _transformTextLinkCod = transformTextLinkCodeMarks(node),
-        transformedAdf = _transformTextLinkCod.transformedAdf,
-        isTransformed = _transformTextLinkCod.isTransformed;
+    var transformResult = transformTextLinkCodeMarks(node);
+    transformedAdf = transformResult.transformedAdf;
+    isTransformed = transformResult.isTransformed;
 
     if (isTransformed && dispatchAnalyticsEvent) {
       dispatchAnalyticsEvent({

package/dist/esm/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: function handleKeyDown(view, event) {
         var name = keyName(event);

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

@@ -9,10 +9,11 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-import { Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { startMeasure, stopMeasure } from '@atlaskit/editor-common/utils';
-export var InstrumentedPlugin = /*#__PURE__*/function (_Plugin) {
-  _inherits(InstrumentedPlugin, _Plugin);
+import { freezeUnsafeTransactionProperties } from './safer-transactions';
+export var InstrumentedPlugin = /*#__PURE__*/function (_SafePlugin) {
+  _inherits(InstrumentedPlugin, _SafePlugin);
 
   var _super = _createSuper(InstrumentedPlugin);
 
@@ -31,15 +32,25 @@ export var InstrumentedPlugin = /*#__PURE__*/function (_Plugin) {
         _options$uiTracking = options.uiTracking,
         uiTracking = _options$uiTracking === void 0 ? {
       enabled: false
-    } : _options$uiTracking;
+    } : _options$uiTracking,
+        _options$saferDispatc = options.saferDispatchedTransactions,
+        saferDispatchedTransactions = _options$saferDispatc === void 0 ? false : _options$saferDispatc,
+        dispatchAnalyticsEvent = options.dispatchAnalyticsEvent;
+    var shouldOverrideApply = transactionTracking.enabled && transactionTracker || saferDispatchedTransactions;
 
-    if (transactionTracking.enabled && spec.state && transactionTracker) {
+    if (shouldOverrideApply && spec.state) {
       var originalApply = spec.state.apply.bind(spec.state);
 
-      spec.state.apply = function (tr, value, oldState, newState) {
-        var shouldTrackTransactions = transactionTracker.shouldTrackTransaction(transactionTracking);
+      spec.state.apply = function (aTr, value, oldState, newState) {
+        var self = _assertThisInitialized(_this);
+
+        var tr = saferDispatchedTransactions ? new Proxy(aTr, freezeUnsafeTransactionProperties({
+          dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+          pluginKey: self.key
+        })) : aTr;
+        var shouldTrackTransactions = transactionTracker === null || transactionTracker === void 0 ? void 0 : transactionTracker.shouldTrackTransaction(transactionTracking);
 
-        if (!shouldTrackTransactions) {
+        if (!shouldTrackTransactions || !transactionTracker) {
           return originalApply(tr, value, oldState, newState);
         }
 
@@ -47,8 +58,6 @@ export var InstrumentedPlugin = /*#__PURE__*/function (_Plugin) {
             startMeasure = _transactionTracker$g.startMeasure,
             stopMeasure = _transactionTracker$g.stopMeasure;
 
-        var self = _assertThisInitialized(_this);
-
         var measure = "\uD83E\uDD89".concat(self.key, "::apply");
         startMeasure(measure);
         var result = originalApply(tr, value, oldState, newState);
@@ -91,4 +100,4 @@ export var InstrumentedPlugin = /*#__PURE__*/function (_Plugin) {
   }]);
 
   return InstrumentedPlugin;
-}(Plugin);
+}(SafePlugin);

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

@@ -0,0 +1,47 @@
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../../plugins/analytics';
+export var UNSAFE_PROPERTY_SET_ERROR = 'Setting an unsafe property on transaction after dispatch!'; // since selection uses curSelection under the hood, we guard setSelection instead
+
+var isUnsafeMethod = function isUnsafeMethod(prop) {
+  return ['setSelection'].includes(prop.toString());
+};
+
+var isReadOnlyProperty = function isReadOnlyProperty(prop) {
+  return ['doc', 'docs', 'steps', 'selection'].includes(prop.toString());
+};
+
+export var freezeUnsafeTransactionProperties = function freezeUnsafeTransactionProperties(_ref) {
+  var dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
+      pluginKey = _ref.pluginKey;
+
+  var isUnsafe = function 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 get(target, prop, receiver) {
+      if (isUnsafeMethod(prop)) {
+        isUnsafe();
+      }
+
+      return Reflect.get(target, prop, receiver);
+    },
+    set: function set(target, prop, receiver) {
+      if (isReadOnlyProperty(prop)) {
+        isUnsafe();
+      }
+
+      return Reflect.set(target, prop, receiver);
+    }
+  };
+};

package/dist/esm/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/esm/version-wrapper.js

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

package/dist/esm/version.json

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

package/dist/types/actions/index.d.ts

@@ -4,6 +4,7 @@ import { EditorView } from 'prosemirror-view';
 import { EventDispatcher } from '../event-dispatcher';
 import { AnalyticsEventPayload } from '@atlaskit/analytics-next/AnalyticsEvent';
 import { Transformer } from '@atlaskit/editor-common/types';
+import { ResolvedEditorState } from '@atlaskit/editor-common/collab';
 export declare type ContextUpdateHandler = (editorView: EditorView, eventDispatcher: EventDispatcher) => void;
 export interface EditorActionsOptions<T> {
     focus(): boolean;
@@ -15,6 +16,7 @@ export interface EditorActionsOptions<T> {
     replaceSelection(rawValue: Node | Object | string): boolean;
     appendText(text: string): boolean;
     isDocumentEmpty(): boolean;
+    getResolvedEditorState(): Promise<ResolvedEditorState>;
 }
 export default class EditorActions<T = any> implements EditorActionsOptions<T> {
     private editorView?;
@@ -40,4 +42,13 @@ export default class EditorActions<T = any> implements EditorActionsOptions<T> {
     replaceSelection(rawValue: Node | Object | string, tryToReplace?: boolean): boolean;
     appendText(text: string): boolean;
     dispatchAnalyticsEvent: (payload: AnalyticsEventPayload) => void;
+    /**
+     * If editor is using new collab service,
+     * we want editor to call the collab provider to
+     * retrieve the final acknowledged state of the
+     * editor. The final acknowledged editor state
+     * refers to the latest state of editor with confirmed
+     * steps.
+     */
+    getResolvedEditorState: () => Promise<ResolvedEditorState>;
 }

package/dist/types/create-editor/create-editor.d.ts

@@ -1,5 +1,5 @@
 import { MarkSpec } from 'prosemirror-model';
-import { Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { ErrorReporter } from '@atlaskit/editor-common/utils';
 import type { ErrorReportingHandler } from '@atlaskit/editor-common/utils';
 import { EditorConfig, EditorPlugin, PMPluginCreateConfig } from '../types';
@@ -14,5 +14,5 @@ export declare function fixExcludes(marks: {
     [key: string]: MarkSpec;
 };
 export declare function processPluginsList(plugins: EditorPlugin[]): EditorConfig;
-export declare function createPMPlugins(config: PMPluginCreateConfig): Plugin[];
+export declare function createPMPlugins(config: PMPluginCreateConfig): SafePlugin[];
 export declare function createErrorReporter(errorReporterHandler?: ErrorReportingHandler): ErrorReporter;

package/dist/types/create-editor/get-plugins.d.ts

@@ -1,5 +1,6 @@
 import { Schema } from 'prosemirror-model';
-import { Plugin, Transaction, EditorState } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { Transaction, EditorState } from 'prosemirror-state';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { EventDispatcher, Dispatch } from '../event-dispatcher';
 import { MarkConfig, NodeConfig } from '../types/pm-config';
@@ -19,7 +20,7 @@ export declare type LightPMPluginFactoryParams = {
     featureFlags: FeatureFlags;
     getIntl: () => IntlShape;
 };
-export declare type LightPMPluginFactory = (params: LightPMPluginFactoryParams) => Plugin | undefined;
+export declare type LightPMPluginFactory = (params: LightPMPluginFactoryParams) => SafePlugin | undefined;
 export declare type LightPMPlugin = {
     name: string;
     plugin: LightPMPluginFactory;

package/dist/types/plugins/alignment/pm-plugins/keymap.d.ts

@@ -1,2 +1,2 @@
-import { Plugin } from 'prosemirror-state';
-export declare function keymapPlugin(): Plugin;
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+export declare function keymapPlugin(): SafePlugin;

package/dist/types/plugins/alignment/pm-plugins/main.d.ts

@@ -1,6 +1,7 @@
-import { EditorState, Plugin, PluginKey } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { EditorState, PluginKey } from 'prosemirror-state';
 import { Dispatch } from '../../../event-dispatcher';
 import { AlignmentPluginState } from './types';
 export declare function createInitialPluginState(editorState: EditorState, pluginConfig: AlignmentPluginState): AlignmentPluginState;
 export declare const pluginKey: PluginKey<AlignmentPluginState, any>;
-export declare function createPlugin(dispatch: Dispatch, pluginConfig: AlignmentPluginState): Plugin;
+export declare function createPlugin(dispatch: Dispatch, pluginConfig: AlignmentPluginState): SafePlugin;

package/dist/types/plugins/alignment/ui/ToolbarAlignment/icon-map.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-export declare const iconMap: {
-    start: JSX.Element;
-    end: JSX.Element;
-    center: JSX.Element;
+declare type Props = {
+    alignment: string;
 };
+export declare const IconMap: (props: Props) => JSX.Element;
+export {};

package/dist/types/plugins/alignment/ui/ToolbarAlignment/messages.d.ts

@@ -4,4 +4,19 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    alignLeft: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    alignRight: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    alignCenter: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

package/dist/types/plugins/analytics/types/enums.d.ts

@@ -55,6 +55,7 @@ export declare enum ACTION {
     LANGUAGE_SELECTED = "languageSelected",
     LIST_ITEM_JOINED = "listItemJoined",
     MATCHED = "matched",
+    MEDIA_LINK_TRANSFORMED = "mediaLinkTransformed",
     NODE_CONTENT_SANITIZED = "nodeContentSanitized",
     OPENED = "opened",
     OUTDENTED = "outdented",
@@ -78,6 +79,7 @@ export declare enum ACTION {
     TEXT_LINK_MARK_TRANSFORMED = "textLinkMarkTransformed",
     TOGGLE_EXPAND = "toggleExpand",
     TRANSACTION_DISPATCHED = "transactionDispatched",
+    TRANSACTION_MUTATED_AFTER_DISPATCH = "transactionMutatedAfterDispatched",
     TYPING_FINISHED = "typingFinished",
     TYPING_STARTED = "typingStarted",
     UNLINK = "unlinked",
@@ -90,6 +92,7 @@ export declare enum ACTION {
     RENDERED = "rendered",
     ON_EDITOR_READY_CALLBACK = "onEditorReadyCallback",
     ON_CHANGE_CALLBACK = "onChangeCalled",
+    NEW_COLLAB_SYNC_UP_ERROR_NO_STEPS = "newCollabSyncUpErrorNoSteps",
     REMOVE_ICON = "removedIcon",
     UFO_SESSION_COMPLETE = "ufoSessionComplete",
     INVALID_PROSEMIRROR_DOCUMENT = "invalidProsemirrorDocument",

package/dist/types/plugins/analytics/types/events.d.ts

@@ -24,7 +24,8 @@ import { CreateLinkInlineDialogEventPayload, UnlinkToolbarAEP, EditLinkToolbarAE
 import { ExtensionEventPayload } from './extension-events';
 import type { UnsupportedContentPayload, UserBrowserExtensionResults } from '@atlaskit/editor-common/utils';
 import { AvatarEventPayload } from './avatar';
-export declare type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | ExperimentalEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | CustomPanelEventPayload;
+import { NewCollabSyncUpErrorAttributes } from '@atlaskit/editor-common/types';
+export declare type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | ExperimentalEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | CustomPanelEventPayload | NewCollabSyncUpErrorAEP;
 declare type CustomPanelEventPayload = TrackAEP<ACTION.CHANGED_BACKGROUND_COLOR | ACTION.CHANGED_ICON | ACTION.REMOVE_ICON, ACTION_SUBJECT.PANEL, ACTION_SUBJECT_ID.PANEL, {
     previousColor: string;
     newColor: string;
@@ -63,6 +64,7 @@ declare type SynchronyErrorAEP = OperationalAEP<ACTION.SYNCHRONY_ERROR, ACTION_S
     docStructure?: string | SimplifiedNode;
     browserExtensions?: UserBrowserExtensionResults;
 }, undefined>;
+declare type NewCollabSyncUpErrorAEP = OperationalAEP<ACTION.NEW_COLLAB_SYNC_UP_ERROR_NO_STEPS, ACTION_SUBJECT.EDITOR, undefined, NewCollabSyncUpErrorAttributes, undefined>;
 declare type InvalidDocumentEncounteredAEP = OperationalAEP<ACTION.INVALID_DOCUMENT_ENCOUNTERED, ACTION_SUBJECT.EDITOR, undefined, {
     nodeType: string;
     reason: string;
@@ -97,5 +99,9 @@ declare type ComponentCrashAdditionalInfoErrorAEP = OperationalAEP<ACTION.EDITOR
     errorStack: string;
     errorId: string;
 }, undefined>;
-export declare type ErrorEventPayload = InvalidTransactionErrorAEP | InvalidTransactionStepErrorAEP | FailedToUnmountErrorAEP | SynchronyErrorAEP | InvalidDocumentEncounteredAEP | SynchronyEntityErrorAEP | ContentComponentErrorAEP | ComponentCrashErrorAEP | ComponentCrashAdditionalInfoErrorAEP;
+declare type SmartLinkErrorAEP = OperationalAEP<ACTION.ERRORED, ACTION_SUBJECT.SMART_LINK, undefined, {
+    error: string;
+    errorStack?: string;
+}, undefined>;
+export declare type ErrorEventPayload = InvalidTransactionErrorAEP | InvalidTransactionStepErrorAEP | FailedToUnmountErrorAEP | SynchronyErrorAEP | InvalidDocumentEncounteredAEP | SynchronyEntityErrorAEP | ContentComponentErrorAEP | ComponentCrashErrorAEP | ComponentCrashAdditionalInfoErrorAEP | SmartLinkErrorAEP;
 export {};

package/dist/types/plugins/analytics/types/experimental-events.d.ts

@@ -6,19 +6,12 @@ declare type ExperimentalAEP<Action, ActionSubject, ActionSubjectId, Attributes>
 }, undefined>;
 export interface TextColorSelectedAttr {
     color: string;
-    isShowingMoreColors: boolean;
     isNewColor: boolean;
 }
 export declare type TextColorSelectedAEP = ExperimentalAEP<ACTION.FORMATTED, ACTION_SUBJECT.TEXT, ACTION_SUBJECT_ID.FORMAT_COLOR, TextColorSelectedAttr>;
-export interface TextColorShowMoreToggleAttr {
-    showMoreButton: boolean;
-    showLessButton: boolean;
-}
-export declare type TextColorShowMoreToggleAEP = ExperimentalAEP<ACTION.OPENED | ACTION.CLOSED, ACTION_SUBJECT.TOOLBAR, ACTION_SUBJECT_ID.FORMAT_COLOR, TextColorShowMoreToggleAttr>;
 export interface TextColorShowPaletteToggleAttr {
-    isShowingMoreColors: boolean;
     noSelect: boolean;
 }
 export declare type TextColorShowPaletteToggleAEP = ExperimentalAEP<ACTION.OPENED | ACTION.CLOSED, ACTION_SUBJECT.TOOLBAR, ACTION_SUBJECT_ID.FORMAT_COLOR, TextColorShowPaletteToggleAttr>;
-export declare type ExperimentalEventPayload = TextColorSelectedAEP | TextColorShowMoreToggleAEP | TextColorShowPaletteToggleAEP;
+export declare type ExperimentalEventPayload = TextColorSelectedAEP | TextColorShowPaletteToggleAEP;
 export {};

package/dist/types/plugins/analytics/types/general-events.d.ts

@@ -86,6 +86,9 @@ declare type DispatchedTransactionAEP = OperationalAEP<ACTION.TRANSACTION_DISPAT
     report: PluginPerformanceReportData;
     participants: number;
 }, undefined>;
+declare type TransactionMutatedAEP = OperationalAEP<ACTION.TRANSACTION_MUTATED_AFTER_DISPATCH, ACTION_SUBJECT.EDITOR, undefined, {
+    pluginKey: string;
+}, undefined>;
 declare type WithPluginStateCalledAEP = OperationalAEP<ACTION.WITH_PLUGIN_STATE_CALLED, ACTION_SUBJECT.EDITOR, undefined, {
     plugin: string;
     duration: number;
@@ -154,6 +157,7 @@ declare type RichMediaLayoutAEP = TrackAEP<ACTION.SELECTED, ACTION_SUBJECT.MEDIA
 declare type CodeBlockLanguageSelectedAEP = TrackAEP<ACTION.LANGUAGE_SELECTED, ACTION_SUBJECT.CODE_BLOCK, undefined, {
     language: string;
 }, undefined>;
+declare type MediaLinkTransformedAEP = OperationalAEP<ACTION.MEDIA_LINK_TRANSFORMED, ACTION_SUBJECT.EDITOR, undefined, undefined, undefined>;
 declare type TextLinkCodeMarkTransformedAEP = OperationalAEP<ACTION.TEXT_LINK_MARK_TRANSFORMED, ACTION_SUBJECT.EDITOR, undefined, undefined, undefined>;
-export declare type GeneralEventPayload<T = void> = AnnotateButtonAEP | AnnotationAEP | BrowserFreezePayload | ButtonFeedbackAEP | ButtonHelpAEP | ColorPickerAEP | DispatchedTransactionAEP | EditorPerfAEP | EditorRenderedAEP<T> | EditorStartAEP | EditorStopAEP | EditorTTIAEP | ExpandToggleAEP | FeedbackAEP | FullWidthModeAEP | HelpQuickInsertAEP | InputPerfSamlingAEP | PickerEmojiAEP | PickerImageAEP | ReactNodeViewRenderedAEP | RichMediaLayoutAEP | SelectionAEP | SlowInputAEP | UploadExternalFailedAEP | WithPluginStateCalledAEP | CodeBlockLanguageSelectedAEP | EditorContentRetrievalPerformedAEP | UfoSessionCompletePayloadAEP | TextLinkCodeMarkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | DocumentProcessingErrorAEP;
+export declare type GeneralEventPayload<T = void> = AnnotateButtonAEP | AnnotationAEP | BrowserFreezePayload | ButtonFeedbackAEP | ButtonHelpAEP | ColorPickerAEP | DispatchedTransactionAEP | EditorPerfAEP | EditorRenderedAEP<T> | EditorStartAEP | EditorStopAEP | EditorTTIAEP | ExpandToggleAEP | FeedbackAEP | FullWidthModeAEP | HelpQuickInsertAEP | InputPerfSamlingAEP | PickerEmojiAEP | PickerImageAEP | ReactNodeViewRenderedAEP | RichMediaLayoutAEP | SelectionAEP | SlowInputAEP | TransactionMutatedAEP | UploadExternalFailedAEP | WithPluginStateCalledAEP | CodeBlockLanguageSelectedAEP | EditorContentRetrievalPerformedAEP | UfoSessionCompletePayloadAEP | MediaLinkTransformedAEP | TextLinkCodeMarkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | DocumentProcessingErrorAEP;
 export {};

package/dist/types/plugins/analytics/types/media-events.d.ts

@@ -6,6 +6,11 @@ declare type MediaCaptionActionType = ACTION.DELETED | ACTION.EDITED | ACTION.AD
 export declare type CaptionTrackAction = TrackAEP<MediaCaptionActionType, ACTION_SUBJECT.MEDIA_SINGLE, ACTION_SUBJECT_ID.CAPTION, any, undefined>;
 declare type MediaAltTextAction = TrackAEP<ACTION.ADDED | ACTION.CLOSED | ACTION.EDITED | ACTION.CLEARED | ACTION.OPENED, ACTION_SUBJECT.MEDIA, ACTION_SUBJECT_ID.ALT_TEXT, undefined, undefined>;
 declare type MediaUIAction = UIAEP<ACTION.EDITED, ACTION_SUBJECT.MEDIA_SINGLE | ACTION_SUBJECT.EMBEDS, ACTION_SUBJECT_ID.RESIZED, any, undefined>;
+declare type MediaSwitchType = ACTION_SUBJECT_ID.MEDIA_INLINE | ACTION_SUBJECT_ID.MEDIA_GROUP;
+declare type ChangeMediaAEP = TrackAEP<ACTION.CHANGED_TYPE, ACTION_SUBJECT.MEDIA, undefined, {
+    newType: MediaSwitchType;
+    previousType: MediaSwitchType;
+}, undefined>;
 export declare type MediaAltTextActionType = ACTION.ADDED | ACTION.CLOSED | ACTION.EDITED | ACTION.CLEARED | ACTION.OPENED;
-export declare type MediaEventPayload = MediaLinkAEP | MediaAltTextAction | MediaUIAction | CaptionTrackAction;
+export declare type MediaEventPayload = MediaLinkAEP | MediaAltTextAction | MediaUIAction | CaptionTrackAction | ChangeMediaAEP;
 export {};

package/dist/types/plugins/analytics/types/paste-events.d.ts

@@ -27,6 +27,7 @@ declare type PasteAEP = PasteBaseAEP<ACTION.PASTED, {
 declare type PasteAsPlainAEP = PasteBaseAEP<ACTION.PASTED_AS_PLAIN, {
     inputMethod: string;
     pasteSize: number;
+    linksInPasteCount: number;
 }, undefined>;
 declare type PastedTimedAEP = PasteBaseOperationalAEP<ACTION.PASTED_TIMED, {
     pasteIntoNode: PASTE_ACTION_SUBJECT_ID;

package/dist/types/plugins/analytics/utils.d.ts

@@ -1,4 +1,4 @@
-import { EditorState, Transaction } from 'prosemirror-state';
+import { EditorState, ReadonlyTransaction, Transaction } from 'prosemirror-state';
 import { AnalyticsEventPayloadWithChannel, AnalyticsEventPayload } from './types';
 import { SELECTION_TYPE, SELECTION_POSITION } from './types/utils';
 import { HigherOrderCommand } from '../../types/command';
@@ -12,4 +12,4 @@ export declare function findInsertLocation(state: EditorState): string;
 export declare function addAnalytics(state: EditorState, tr: Transaction, payload: AnalyticsEventPayload, channel?: string): Transaction;
 export declare type AnalyticsEventPayloadCallback = (state: EditorState) => AnalyticsEventPayload | undefined;
 export declare function withAnalytics(payload: AnalyticsEventPayload | AnalyticsEventPayloadCallback, channel?: string): HigherOrderCommand;
-export declare function getAnalyticsEventsFromTransaction(tr: Transaction): AnalyticsEventPayloadWithChannel[];
+export declare function getAnalyticsEventsFromTransaction(tr: Transaction | ReadonlyTransaction): AnalyticsEventPayloadWithChannel[];

package/dist/types/plugins/annotation/pm-plugins/inline-comment.d.ts

@@ -1,3 +1,3 @@
-import { Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { InlineCommentPluginState, InlineCommentPluginOptions } from './types';
-export declare const inlineCommentPlugin: (options: InlineCommentPluginOptions) => Plugin<InlineCommentPluginState, import("prosemirror-model").Schema<any, any>>;
+export declare const inlineCommentPlugin: (options: InlineCommentPluginOptions) => SafePlugin<InlineCommentPluginState, import("prosemirror-model").Schema<any, any>>;

package/dist/types/plugins/annotation/pm-plugins/keymap.d.ts

@@ -1,2 +1,2 @@
-import { Plugin } from 'prosemirror-state';
-export declare function keymapPlugin(): Plugin;
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+export declare function keymapPlugin(): SafePlugin;

package/dist/types/plugins/annotation/pm-plugins/plugin-factory.d.ts

@@ -1,3 +1,2 @@
-import { Transaction } from 'prosemirror-state';
 import { InlineCommentPluginState } from './types';
-export declare const createPluginState: (dispatch: import("../../../event-dispatcher").Dispatch<any>, initialState: InlineCommentPluginState | ((state: import("prosemirror-state").EditorState<any>) => InlineCommentPluginState)) => import("prosemirror-state").StateField<InlineCommentPluginState, import("prosemirror-model").Schema<any, any>>, createCommand: <A = import("./types").InlineCommentAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState<any>>) => false | A), transform?: ((tr: Transaction<any>, state: import("prosemirror-state").EditorState<any>) => Transaction<any>) | undefined) => import("../../..").Command;
+export declare const createPluginState: (dispatch: import("../../../event-dispatcher").Dispatch<any>, initialState: InlineCommentPluginState | ((state: import("prosemirror-state").EditorState<any>) => InlineCommentPluginState)) => import("prosemirror-state").SafeStateField<InlineCommentPluginState, import("prosemirror-model").Schema<any, any>>, createCommand: <A = import("./types").InlineCommentAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState<any>>) => false | A), transform?: ((tr: import("prosemirror-state").Transaction<any>, state: import("prosemirror-state").EditorState<any>) => import("prosemirror-state").Transaction<any>) | undefined) => import("../../..").Command;

package/dist/types/plugins/avatar-group/messages.d.ts

@@ -0,0 +1,7 @@
+export declare const avatarGroupMessages: {
+    editors: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};