@atlaskit/editor-core 204.5.5 → 204.6.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/editor-core
 
+## 204.6.0
+
+### Minor Changes
+
+- [#129289](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/129289)
+  [`fe73b01aca5c2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fe73b01aca5c2) -
+  ED-26926 Don't validate nodes in remote replaceDocument transactions dispatched from collab edit
+  plugin.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 204.5.6
+
+### Patch Changes
+
+- [#130044](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/130044)
+  [`cad348d512cdf`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cad348d512cdf) -
+  [ux] ED-26802 contextual formatting configuration
+- Updated dependencies
+
 ## 204.5.5
 
 ### Patch Changes

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

@@ -1,21 +1,27 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useDispatchTransaction = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _coreUtils = require("@atlaskit/editor-common/core-utils");
 var _performanceMeasures = require("@atlaskit/editor-common/performance-measures");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _findChangedNodesFromTransaction = require("../../utils/findChangedNodesFromTransaction");
 var _saferTransactions = require("../../utils/performance/safer-transactions");
 var _trackTransactions = require("../../utils/performance/track-transactions");
 var _validateNodes = require("../../utils/validateNodes");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useDispatchTransaction = exports.useDispatchTransaction = function useDispatchTransaction(_ref) {
   var onChange = _ref.onChange,
     dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
-    onEditorViewUpdated = _ref.onEditorViewUpdated;
+    onEditorViewUpdated = _ref.onEditorViewUpdated,
+    isRemoteReplaceDocumentTransaction = _ref.isRemoteReplaceDocumentTransaction;
   // We need to have a ref to the latest `onChange` since the `dispatchTransaction` gets captured
   var onChangeRef = (0, _react.useRef)(onChange);
   (0, _react.useEffect)(function () {
@@ -31,7 +37,15 @@ var useDispatchTransaction = exports.useDispatchTransaction = function useDispat
       dispatchAnalyticsEvent: dispatchAnalyticsEvent,
       pluginKey: 'unknown-reacteditorview'
     }));
-    if (changedNodesValid) {
+
+    // If the transaction is a remote replaceDocument transaction, we should skip validation.
+    // Remote replaceDocument transactions are fired when the document is replaced by initialization of editor-plugin-collab-edit
+    // If there is a discrepancy in the ProseMirror schema at initialization, it results in the editor being loaded with no content,
+    // giving the user the impression that content has been lost
+    var isRemoteReplace = isRemoteReplaceDocumentTransaction ?
+    // eslint-disable-next-line @atlaskit/platform/no-preconditioning
+    (0, _platformFeatureFlags.fg)('platform_editor_transaction_skip_validation') && isRemoteReplaceDocumentTransaction(transaction) : false;
+    if (changedNodesValid || isRemoteReplace) {
       var oldEditorState = view.state;
 
       // go ahead and update the state now we know the transaction is good
@@ -56,7 +70,8 @@ var useDispatchTransaction = exports.useDispatchTransaction = function useDispat
         });
         (0, _performanceMeasures.stopMeasure)(_trackTransactions.EVENT_NAME_ON_CHANGE);
       }
-    } else {
+    }
+    if (!changedNodesValid) {
       var invalidNodes = nodes.filter(function (node) {
         return !(0, _validateNodes.validNode)(node);
       }).map(function (node) {
@@ -68,12 +83,14 @@ var useDispatchTransaction = exports.useDispatchTransaction = function useDispat
         action: _analytics.ACTION.DISPATCHED_INVALID_TRANSACTION,
         actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
         eventType: _analytics.EVENT_TYPE.OPERATIONAL,
-        attributes: {
+        attributes: _objectSpread({
           analyticsEventPayloads: (0, _analytics.getAnalyticsEventsFromTransaction)(transaction),
           invalidNodes: invalidNodes
-        }
+        }, (0, _platformFeatureFlags.fg)('platform_editor_transaction_skip_validation') ? {
+          isRemoteReplaceDocumentTransaction: isRemoteReplace
+        } : {})
       });
     }
-  }, [dispatchAnalyticsEvent, onEditorViewUpdated]);
+  }, [dispatchAnalyticsEvent, onEditorViewUpdated, isRemoteReplaceDocumentTransaction]);
   return dispatchTransaction;
 };

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

@@ -46,7 +46,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var EDIT_AREA_ID = 'ak-editor-textarea';
 function ReactEditorView(props) {
-  var _media, _linking, _props$render, _props$render2;
+  var _pluginInjectionAPI$c, _media, _linking, _props$render, _props$render2;
   var preset = props.preset,
     _props$editorProps = props.editorProps,
     nextAppearance = _props$editorProps.appearance,
@@ -233,7 +233,7 @@ function ReactEditorView(props) {
       return;
     }
 
-    // We cannot currently guarentee when all the portals will have re-rendered during a reconfigure
+    // We cannot currently guarantee when all the portals will have re-rendered during a reconfigure
     // so we blur here to stop ProseMirror from trying to apply selection to detached nodes or
     // nodes that haven't been re-rendered to the document yet.
     blur();
@@ -314,7 +314,7 @@ function ReactEditorView(props) {
       return;
     }
 
-    // We cannot currently guarentee when all the portals will have re-rendered during a reconfigure
+    // We cannot currently guarantee when all the portals will have re-rendered during a reconfigure
     // so we blur here to stop ProseMirror from trying to apply selection to detached nodes or
     // nodes that haven't been re-rendered to the document yet.
     blur();
@@ -374,7 +374,8 @@ function ReactEditorView(props) {
   var _dispatchTransaction = (0, _useDispatchTransaction.useDispatchTransaction)({
     onChange: props.editorProps.onChange,
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-    onEditorViewUpdated: onEditorViewUpdated
+    onEditorViewUpdated: onEditorViewUpdated,
+    isRemoteReplaceDocumentTransaction: (_pluginInjectionAPI$c = pluginInjectionAPI.current.api()) === null || _pluginInjectionAPI$c === void 0 || (_pluginInjectionAPI$c = _pluginInjectionAPI$c.collabEdit) === null || _pluginInjectionAPI$c === void 0 || (_pluginInjectionAPI$c = _pluginInjectionAPI$c.actions) === null || _pluginInjectionAPI$c === void 0 ? void 0 : _pluginInjectionAPI$c.isRemoteReplaceDocumentTransaction
   });
 
   // Ignored via go/ees007
@@ -399,7 +400,7 @@ function ReactEditorView(props) {
       state: state !== null && state !== void 0 ? state : getCurrentEditorState(),
       dispatchTransaction: function dispatchTransaction(tr) {
         // Block stale transactions:
-        // Prevent runtime exeptions from async transactions that would attempt to
+        // Prevent runtime exceptions from async transactions that would attempt to
         // update the DOM after React has unmounted the Editor.
 
         if (canDispatchTransactions.current) {
@@ -422,10 +423,10 @@ function ReactEditorView(props) {
         distortedDuration = _ref3.distortedDuration;
       var proseMirrorRenderedSeverity = (0, _analytics2.getAnalyticsEventSeverity)(duration, _consts.PROSEMIRROR_RENDERED_NORMAL_SEVERITY_THRESHOLD, _consts.PROSEMIRROR_RENDERED_DEGRADED_SEVERITY_THRESHOLD);
       if (viewRef.current) {
-        var _pluginInjectionAPI$c;
+        var _pluginInjectionAPI$c2;
         var nodes = (0, _getNodesCount.getNodesCount)(viewRef.current.state.doc);
         var ttfb = (0, _navigation.getResponseEndTime)();
-        var contextIdentifier = (_pluginInjectionAPI$c = pluginInjectionAPI.current.api().base) === null || _pluginInjectionAPI$c === void 0 ? void 0 : _pluginInjectionAPI$c.sharedState.currentState();
+        var contextIdentifier = (_pluginInjectionAPI$c2 = pluginInjectionAPI.current.api().base) === null || _pluginInjectionAPI$c2 === void 0 ? void 0 : _pluginInjectionAPI$c2.sharedState.currentState();
         dispatchAnalyticsEvent({
           action: _analytics.ACTION.PROSEMIRROR_RENDERED,
           actionSubject: _analytics.ACTION_SUBJECT.EDITOR,

package/dist/cjs/presets/default.js

@@ -56,10 +56,13 @@ function createDefaultPreset(options) {
     isFullPage: isFullPage
   })]).add(_clipboard.clipboardPlugin).add(_focus.focusPlugin).add(_composition.compositionPlugin).add([_contextIdentifier.contextIdentifierPlugin, {
     contextIdentifierProvider: options.contextIdentifierProvider
-  }]).add([_base.basePlugin, options.base]).add(_decorations.decorationsPlugin).add([_typeAhead.typeAheadPlugin, options.typeAhead]).maybeAdd(_history.historyPlugin, Boolean(options.allowUndoRedoButtons)).add(_primaryToolbar.primaryToolbarPlugin).maybeAdd(_undoRedo.undoRedoPlugin, Boolean((_options$featureFlags = (_options$featureFlags2 = options.featureFlags) === null || _options$featureFlags2 === void 0 ? void 0 : _options$featureFlags2.undoRedoButtons) !== null && _options$featureFlags !== void 0 ? _options$featureFlags : options.allowUndoRedoButtons)).add([_blockType.blockTypePlugin, _objectSpread(_objectSpread({}, options.blockType), {}, {
+  }]).add([_base.basePlugin, options.base]).add(_decorations.decorationsPlugin).add([_typeAhead.typeAheadPlugin, options.typeAhead]).maybeAdd(_history.historyPlugin, Boolean(options.allowUndoRedoButtons)).add([_primaryToolbar.primaryToolbarPlugin, {
+    contextualFormattingEnabled: isFullPage
+  }]).maybeAdd(_undoRedo.undoRedoPlugin, Boolean((_options$featureFlags = (_options$featureFlags2 = options.featureFlags) === null || _options$featureFlags2 === void 0 ? void 0 : _options$featureFlags2.undoRedoButtons) !== null && _options$featureFlags !== void 0 ? _options$featureFlags : options.allowUndoRedoButtons)).add([_blockType.blockTypePlugin, _objectSpread(_objectSpread({}, options.blockType), {}, {
     includeBlockQuoteAsTextstyleOption: isFullPage
   })]).add(_clearMarksOnEmptyDoc.clearMarksOnEmptyDocPlugin).add([_selectionToolbar.selectionToolbarPlugin, {
-    preferenceToolbarAboveSelection: !!options.preferenceToolbarAboveSelection
+    preferenceToolbarAboveSelection: !!options.preferenceToolbarAboveSelection,
+    contextualFormattingEnabled: isFullPage
   }]).add([_hyperlink.hyperlinkPlugin, _objectSpread(_objectSpread({}, options.hyperlinkOptions), {}, {
     // @ts-ignore Temporary solution to check for Live Page editor.
     __livePage: options.__livePage

package/dist/cjs/utils/extensions.js

@@ -89,14 +89,24 @@ function _extensionProviderToQuickInsertProvider() {
                   isDisabledOffline: true,
                   action: function action(insert, state, source) {
                     if (typeof item.node === 'function') {
-                      var _apiRef$current;
-                      var extensionAPI = apiRef === null || apiRef === void 0 || (_apiRef$current = apiRef.current) === null || _apiRef$current === void 0 || (_apiRef$current = _apiRef$current.extension) === null || _apiRef$current === void 0 || (_apiRef$current = _apiRef$current.actions) === null || _apiRef$current === void 0 ? void 0 : _apiRef$current.api();
-                      // While the api can be "undefined" there are no runtime scenarios where this is the case because:
-                      // - The quick insert API can only be called from an active editor
-                      // - The extension module handler can only be called from an active editor with the extension plugin
-                      // Therefore this should always be run unless there is something very wrong.
-                      if (extensionAPI) {
-                        (0, _extensions.resolveImport)(item.node(extensionAPI)).then(function (node) {
+                      if ((0, _platformFeatureFlags.fg)('platform_editor_add_extension_api_to_quick_insert')) {
+                        var _apiRef$current;
+                        var extensionAPI = apiRef === null || apiRef === void 0 || (_apiRef$current = apiRef.current) === null || _apiRef$current === void 0 || (_apiRef$current = _apiRef$current.extension) === null || _apiRef$current === void 0 || (_apiRef$current = _apiRef$current.actions) === null || _apiRef$current === void 0 ? void 0 : _apiRef$current.api();
+                        // While the api can be "undefined" there are no runtime scenarios where this is the case because:
+                        // - The quick insert API can only be called from an active editor
+                        // - The extension module handler can only be called from an active editor with the extension plugin
+                        // Therefore this should always be run unless there is something very wrong.
+                        if (extensionAPI) {
+                          (0, _extensions.resolveImport)(item.node(extensionAPI)).then(function (node) {
+                            sendExtensionQuickInsertAnalytics(item, state.selection, createAnalyticsEvent, source);
+                            if (node) {
+                              editorActions.replaceSelection(node);
+                            }
+                          });
+                        }
+                      } else {
+                        // @ts-expect-error No longer supported without extension API - this will be removed once we cleanup the FG.
+                        (0, _extensions.resolveImport)(item.node()).then(function (node) {
                           sendExtensionQuickInsertAnalytics(item, state.selection, createAnalyticsEvent, source);
                           if (node) {
                             editorActions.replaceSelection(node);

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "204.5.5";
+var version = exports.version = "204.6.0";

package/dist/es2019/create-editor/ReactEditorView/useDispatchTransaction.js

@@ -2,6 +2,7 @@ import { useCallback, useEffect, useRef } from 'react';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, getAnalyticsEventsFromTransaction } from '@atlaskit/editor-common/analytics';
 import { getDocStructure } from '@atlaskit/editor-common/core-utils';
 import { startMeasure, stopMeasure } from '@atlaskit/editor-common/performance-measures';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { findChangedNodesFromTransaction } from '../../utils/findChangedNodesFromTransaction';
 import { freezeUnsafeTransactionProperties } from '../../utils/performance/safer-transactions';
 import { EVENT_NAME_ON_CHANGE } from '../../utils/performance/track-transactions';
@@ -9,7 +10,8 @@ import { validateNodes, validNode } from '../../utils/validateNodes';
 export const useDispatchTransaction = ({
   onChange,
   dispatchAnalyticsEvent,
-  onEditorViewUpdated
+  onEditorViewUpdated,
+  isRemoteReplaceDocumentTransaction
 }) => {
   // We need to have a ref to the latest `onChange` since the `dispatchTransaction` gets captured
   const onChangeRef = useRef(onChange);
@@ -26,7 +28,15 @@ export const useDispatchTransaction = ({
       dispatchAnalyticsEvent: dispatchAnalyticsEvent,
       pluginKey: 'unknown-reacteditorview'
     }));
-    if (changedNodesValid) {
+
+    // If the transaction is a remote replaceDocument transaction, we should skip validation.
+    // Remote replaceDocument transactions are fired when the document is replaced by initialization of editor-plugin-collab-edit
+    // If there is a discrepancy in the ProseMirror schema at initialization, it results in the editor being loaded with no content,
+    // giving the user the impression that content has been lost
+    const isRemoteReplace = isRemoteReplaceDocumentTransaction ?
+    // eslint-disable-next-line @atlaskit/platform/no-preconditioning
+    fg('platform_editor_transaction_skip_validation') && isRemoteReplaceDocumentTransaction(transaction) : false;
+    if (changedNodesValid || isRemoteReplace) {
       const oldEditorState = view.state;
 
       // go ahead and update the state now we know the transaction is good
@@ -52,7 +62,8 @@ export const useDispatchTransaction = ({
         });
         stopMeasure(EVENT_NAME_ON_CHANGE);
       }
-    } else {
+    }
+    if (!changedNodesValid) {
       const invalidNodes = nodes.filter(node => !validNode(node)).map(node => getDocStructure(node, {
         compact: true
       }));
@@ -62,10 +73,13 @@ export const useDispatchTransaction = ({
         eventType: EVENT_TYPE.OPERATIONAL,
         attributes: {
           analyticsEventPayloads: getAnalyticsEventsFromTransaction(transaction),
-          invalidNodes
+          invalidNodes,
+          ...(fg('platform_editor_transaction_skip_validation') ? {
+            isRemoteReplaceDocumentTransaction: isRemoteReplace
+          } : {})
         }
       });
     }
-  }, [dispatchAnalyticsEvent, onEditorViewUpdated]);
+  }, [dispatchAnalyticsEvent, onEditorViewUpdated, isRemoteReplaceDocumentTransaction]);
   return dispatchTransaction;
 };

package/dist/es2019/create-editor/ReactEditorViewNext.js

@@ -31,7 +31,7 @@ import { useDispatchTransaction } from './ReactEditorView/useDispatchTransaction
 import { useFireFullWidthEvent } from './ReactEditorView/useFireFullWidthEvent';
 const EDIT_AREA_ID = 'ak-editor-textarea';
 export function ReactEditorView(props) {
-  var _media, _linking, _linking$smartLinks, _props$render, _props$render2;
+  var _pluginInjectionAPI$c, _pluginInjectionAPI$c2, _pluginInjectionAPI$c3, _media, _linking, _linking$smartLinks, _props$render, _props$render2;
   const {
     preset,
     editorProps: {
@@ -207,7 +207,7 @@ export function ReactEditorView(props) {
       return;
     }
 
-    // We cannot currently guarentee when all the portals will have re-rendered during a reconfigure
+    // We cannot currently guarantee when all the portals will have re-rendered during a reconfigure
     // so we blur here to stop ProseMirror from trying to apply selection to detached nodes or
     // nodes that haven't been re-rendered to the document yet.
     blur();
@@ -288,7 +288,7 @@ export function ReactEditorView(props) {
       return;
     }
 
-    // We cannot currently guarentee when all the portals will have re-rendered during a reconfigure
+    // We cannot currently guarantee when all the portals will have re-rendered during a reconfigure
     // so we blur here to stop ProseMirror from trying to apply selection to detached nodes or
     // nodes that haven't been re-rendered to the document yet.
     blur();
@@ -348,7 +348,8 @@ export function ReactEditorView(props) {
   const dispatchTransaction = useDispatchTransaction({
     onChange: props.editorProps.onChange,
     dispatchAnalyticsEvent,
-    onEditorViewUpdated
+    onEditorViewUpdated,
+    isRemoteReplaceDocumentTransaction: (_pluginInjectionAPI$c = pluginInjectionAPI.current.api()) === null || _pluginInjectionAPI$c === void 0 ? void 0 : (_pluginInjectionAPI$c2 = _pluginInjectionAPI$c.collabEdit) === null || _pluginInjectionAPI$c2 === void 0 ? void 0 : (_pluginInjectionAPI$c3 = _pluginInjectionAPI$c2.actions) === null || _pluginInjectionAPI$c3 === void 0 ? void 0 : _pluginInjectionAPI$c3.isRemoteReplaceDocumentTransaction
   });
 
   // Ignored via go/ees007
@@ -373,7 +374,7 @@ export function ReactEditorView(props) {
       state: state !== null && state !== void 0 ? state : getCurrentEditorState(),
       dispatchTransaction: tr => {
         // Block stale transactions:
-        // Prevent runtime exeptions from async transactions that would attempt to
+        // Prevent runtime exceptions from async transactions that would attempt to
         // update the DOM after React has unmounted the Editor.
 
         if (canDispatchTransactions.current) {
@@ -395,10 +396,10 @@ export function ReactEditorView(props) {
     }) => {
       const proseMirrorRenderedSeverity = getAnalyticsEventSeverity(duration, PROSEMIRROR_RENDERED_NORMAL_SEVERITY_THRESHOLD, PROSEMIRROR_RENDERED_DEGRADED_SEVERITY_THRESHOLD);
       if (viewRef.current) {
-        var _pluginInjectionAPI$c;
+        var _pluginInjectionAPI$c4;
         const nodes = getNodesCount(viewRef.current.state.doc);
         const ttfb = getResponseEndTime();
-        const contextIdentifier = (_pluginInjectionAPI$c = pluginInjectionAPI.current.api().base) === null || _pluginInjectionAPI$c === void 0 ? void 0 : _pluginInjectionAPI$c.sharedState.currentState();
+        const contextIdentifier = (_pluginInjectionAPI$c4 = pluginInjectionAPI.current.api().base) === null || _pluginInjectionAPI$c4 === void 0 ? void 0 : _pluginInjectionAPI$c4.sharedState.currentState();
         dispatchAnalyticsEvent({
           action: ACTION.PROSEMIRROR_RENDERED,
           actionSubject: ACTION_SUBJECT.EDITOR,

package/dist/es2019/presets/default.js

@@ -49,11 +49,14 @@ export function createDefaultPreset(options) {
     isFullPage
   }]).add(clipboardPlugin).add(focusPlugin).add(compositionPlugin).add([contextIdentifierPlugin, {
     contextIdentifierProvider: options.contextIdentifierProvider
-  }]).add([basePlugin, options.base]).add(decorationsPlugin).add([typeAheadPlugin, options.typeAhead]).maybeAdd(historyPlugin, Boolean(options.allowUndoRedoButtons)).add(primaryToolbarPlugin).maybeAdd(undoRedoPlugin, Boolean((_options$featureFlags = (_options$featureFlags2 = options.featureFlags) === null || _options$featureFlags2 === void 0 ? void 0 : _options$featureFlags2.undoRedoButtons) !== null && _options$featureFlags !== void 0 ? _options$featureFlags : options.allowUndoRedoButtons)).add([blockTypePlugin, {
+  }]).add([basePlugin, options.base]).add(decorationsPlugin).add([typeAheadPlugin, options.typeAhead]).maybeAdd(historyPlugin, Boolean(options.allowUndoRedoButtons)).add([primaryToolbarPlugin, {
+    contextualFormattingEnabled: isFullPage
+  }]).maybeAdd(undoRedoPlugin, Boolean((_options$featureFlags = (_options$featureFlags2 = options.featureFlags) === null || _options$featureFlags2 === void 0 ? void 0 : _options$featureFlags2.undoRedoButtons) !== null && _options$featureFlags !== void 0 ? _options$featureFlags : options.allowUndoRedoButtons)).add([blockTypePlugin, {
     ...options.blockType,
     includeBlockQuoteAsTextstyleOption: isFullPage
   }]).add(clearMarksOnEmptyDocPlugin).add([selectionToolbarPlugin, {
-    preferenceToolbarAboveSelection: !!options.preferenceToolbarAboveSelection
+    preferenceToolbarAboveSelection: !!options.preferenceToolbarAboveSelection,
+    contextualFormattingEnabled: isFullPage
   }]).add([hyperlinkPlugin, {
     ...options.hyperlinkOptions,
     // @ts-ignore Temporary solution to check for Live Page editor.

package/dist/es2019/utils/extensions.js

@@ -61,14 +61,24 @@ export async function extensionProviderToQuickInsertProvider(extensionProvider,
           isDisabledOffline: true,
           action: (insert, state, source) => {
             if (typeof item.node === 'function') {
-              var _apiRef$current, _apiRef$current$exten, _apiRef$current$exten2;
-              const extensionAPI = apiRef === null || apiRef === void 0 ? void 0 : (_apiRef$current = apiRef.current) === null || _apiRef$current === void 0 ? void 0 : (_apiRef$current$exten = _apiRef$current.extension) === null || _apiRef$current$exten === void 0 ? void 0 : (_apiRef$current$exten2 = _apiRef$current$exten.actions) === null || _apiRef$current$exten2 === void 0 ? void 0 : _apiRef$current$exten2.api();
-              // While the api can be "undefined" there are no runtime scenarios where this is the case because:
-              // - The quick insert API can only be called from an active editor
-              // - The extension module handler can only be called from an active editor with the extension plugin
-              // Therefore this should always be run unless there is something very wrong.
-              if (extensionAPI) {
-                resolveImport(item.node(extensionAPI)).then(node => {
+              if (fg('platform_editor_add_extension_api_to_quick_insert')) {
+                var _apiRef$current, _apiRef$current$exten, _apiRef$current$exten2;
+                const extensionAPI = apiRef === null || apiRef === void 0 ? void 0 : (_apiRef$current = apiRef.current) === null || _apiRef$current === void 0 ? void 0 : (_apiRef$current$exten = _apiRef$current.extension) === null || _apiRef$current$exten === void 0 ? void 0 : (_apiRef$current$exten2 = _apiRef$current$exten.actions) === null || _apiRef$current$exten2 === void 0 ? void 0 : _apiRef$current$exten2.api();
+                // While the api can be "undefined" there are no runtime scenarios where this is the case because:
+                // - The quick insert API can only be called from an active editor
+                // - The extension module handler can only be called from an active editor with the extension plugin
+                // Therefore this should always be run unless there is something very wrong.
+                if (extensionAPI) {
+                  resolveImport(item.node(extensionAPI)).then(node => {
+                    sendExtensionQuickInsertAnalytics(item, state.selection, createAnalyticsEvent, source);
+                    if (node) {
+                      editorActions.replaceSelection(node);
+                    }
+                  });
+                }
+              } else {
+                // @ts-expect-error No longer supported without extension API - this will be removed once we cleanup the FG.
+                resolveImport(item.node()).then(node => {
                   sendExtensionQuickInsertAnalytics(item, state.selection, createAnalyticsEvent, source);
                   if (node) {
                     editorActions.replaceSelection(node);

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "204.5.5";
+export const version = "204.6.0";

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

@@ -1,7 +1,11 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { useCallback, useEffect, useRef } from 'react';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, getAnalyticsEventsFromTransaction } from '@atlaskit/editor-common/analytics';
 import { getDocStructure } from '@atlaskit/editor-common/core-utils';
 import { startMeasure, stopMeasure } from '@atlaskit/editor-common/performance-measures';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { findChangedNodesFromTransaction } from '../../utils/findChangedNodesFromTransaction';
 import { freezeUnsafeTransactionProperties } from '../../utils/performance/safer-transactions';
 import { EVENT_NAME_ON_CHANGE } from '../../utils/performance/track-transactions';
@@ -9,7 +13,8 @@ import { validateNodes, validNode } from '../../utils/validateNodes';
 export var useDispatchTransaction = function useDispatchTransaction(_ref) {
   var onChange = _ref.onChange,
     dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
-    onEditorViewUpdated = _ref.onEditorViewUpdated;
+    onEditorViewUpdated = _ref.onEditorViewUpdated,
+    isRemoteReplaceDocumentTransaction = _ref.isRemoteReplaceDocumentTransaction;
   // We need to have a ref to the latest `onChange` since the `dispatchTransaction` gets captured
   var onChangeRef = useRef(onChange);
   useEffect(function () {
@@ -25,7 +30,15 @@ export var useDispatchTransaction = function useDispatchTransaction(_ref) {
       dispatchAnalyticsEvent: dispatchAnalyticsEvent,
       pluginKey: 'unknown-reacteditorview'
     }));
-    if (changedNodesValid) {
+
+    // If the transaction is a remote replaceDocument transaction, we should skip validation.
+    // Remote replaceDocument transactions are fired when the document is replaced by initialization of editor-plugin-collab-edit
+    // If there is a discrepancy in the ProseMirror schema at initialization, it results in the editor being loaded with no content,
+    // giving the user the impression that content has been lost
+    var isRemoteReplace = isRemoteReplaceDocumentTransaction ?
+    // eslint-disable-next-line @atlaskit/platform/no-preconditioning
+    fg('platform_editor_transaction_skip_validation') && isRemoteReplaceDocumentTransaction(transaction) : false;
+    if (changedNodesValid || isRemoteReplace) {
       var oldEditorState = view.state;
 
       // go ahead and update the state now we know the transaction is good
@@ -50,7 +63,8 @@ export var useDispatchTransaction = function useDispatchTransaction(_ref) {
         });
         stopMeasure(EVENT_NAME_ON_CHANGE);
       }
-    } else {
+    }
+    if (!changedNodesValid) {
       var invalidNodes = nodes.filter(function (node) {
         return !validNode(node);
       }).map(function (node) {
@@ -62,12 +76,14 @@ export var useDispatchTransaction = function useDispatchTransaction(_ref) {
         action: ACTION.DISPATCHED_INVALID_TRANSACTION,
         actionSubject: ACTION_SUBJECT.EDITOR,
         eventType: EVENT_TYPE.OPERATIONAL,
-        attributes: {
+        attributes: _objectSpread({
           analyticsEventPayloads: getAnalyticsEventsFromTransaction(transaction),
           invalidNodes: invalidNodes
-        }
+        }, fg('platform_editor_transaction_skip_validation') ? {
+          isRemoteReplaceDocumentTransaction: isRemoteReplace
+        } : {})
       });
     }
-  }, [dispatchAnalyticsEvent, onEditorViewUpdated]);
+  }, [dispatchAnalyticsEvent, onEditorViewUpdated, isRemoteReplaceDocumentTransaction]);
   return dispatchTransaction;
 };

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

@@ -35,7 +35,7 @@ import { useDispatchTransaction } from './ReactEditorView/useDispatchTransaction
 import { useFireFullWidthEvent } from './ReactEditorView/useFireFullWidthEvent';
 var EDIT_AREA_ID = 'ak-editor-textarea';
 export function ReactEditorView(props) {
-  var _media, _linking, _props$render, _props$render2;
+  var _pluginInjectionAPI$c, _media, _linking, _props$render, _props$render2;
   var preset = props.preset,
     _props$editorProps = props.editorProps,
     nextAppearance = _props$editorProps.appearance,
@@ -222,7 +222,7 @@ export function ReactEditorView(props) {
       return;
     }
 
-    // We cannot currently guarentee when all the portals will have re-rendered during a reconfigure
+    // We cannot currently guarantee when all the portals will have re-rendered during a reconfigure
     // so we blur here to stop ProseMirror from trying to apply selection to detached nodes or
     // nodes that haven't been re-rendered to the document yet.
     blur();
@@ -303,7 +303,7 @@ export function ReactEditorView(props) {
       return;
     }
 
-    // We cannot currently guarentee when all the portals will have re-rendered during a reconfigure
+    // We cannot currently guarantee when all the portals will have re-rendered during a reconfigure
     // so we blur here to stop ProseMirror from trying to apply selection to detached nodes or
     // nodes that haven't been re-rendered to the document yet.
     blur();
@@ -363,7 +363,8 @@ export function ReactEditorView(props) {
   var _dispatchTransaction = useDispatchTransaction({
     onChange: props.editorProps.onChange,
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-    onEditorViewUpdated: onEditorViewUpdated
+    onEditorViewUpdated: onEditorViewUpdated,
+    isRemoteReplaceDocumentTransaction: (_pluginInjectionAPI$c = pluginInjectionAPI.current.api()) === null || _pluginInjectionAPI$c === void 0 || (_pluginInjectionAPI$c = _pluginInjectionAPI$c.collabEdit) === null || _pluginInjectionAPI$c === void 0 || (_pluginInjectionAPI$c = _pluginInjectionAPI$c.actions) === null || _pluginInjectionAPI$c === void 0 ? void 0 : _pluginInjectionAPI$c.isRemoteReplaceDocumentTransaction
   });
 
   // Ignored via go/ees007
@@ -388,7 +389,7 @@ export function ReactEditorView(props) {
       state: state !== null && state !== void 0 ? state : getCurrentEditorState(),
       dispatchTransaction: function dispatchTransaction(tr) {
         // Block stale transactions:
-        // Prevent runtime exeptions from async transactions that would attempt to
+        // Prevent runtime exceptions from async transactions that would attempt to
         // update the DOM after React has unmounted the Editor.
 
         if (canDispatchTransactions.current) {
@@ -411,10 +412,10 @@ export function ReactEditorView(props) {
         distortedDuration = _ref3.distortedDuration;
       var proseMirrorRenderedSeverity = getAnalyticsEventSeverity(duration, PROSEMIRROR_RENDERED_NORMAL_SEVERITY_THRESHOLD, PROSEMIRROR_RENDERED_DEGRADED_SEVERITY_THRESHOLD);
       if (viewRef.current) {
-        var _pluginInjectionAPI$c;
+        var _pluginInjectionAPI$c2;
         var nodes = getNodesCount(viewRef.current.state.doc);
         var ttfb = getResponseEndTime();
-        var contextIdentifier = (_pluginInjectionAPI$c = pluginInjectionAPI.current.api().base) === null || _pluginInjectionAPI$c === void 0 ? void 0 : _pluginInjectionAPI$c.sharedState.currentState();
+        var contextIdentifier = (_pluginInjectionAPI$c2 = pluginInjectionAPI.current.api().base) === null || _pluginInjectionAPI$c2 === void 0 ? void 0 : _pluginInjectionAPI$c2.sharedState.currentState();
         dispatchAnalyticsEvent({
           action: ACTION.PROSEMIRROR_RENDERED,
           actionSubject: ACTION_SUBJECT.EDITOR,

package/dist/esm/presets/default.js

@@ -51,10 +51,13 @@ export function createDefaultPreset(options) {
     isFullPage: isFullPage
   })]).add(clipboardPlugin).add(focusPlugin).add(compositionPlugin).add([contextIdentifierPlugin, {
     contextIdentifierProvider: options.contextIdentifierProvider
-  }]).add([basePlugin, options.base]).add(decorationsPlugin).add([typeAheadPlugin, options.typeAhead]).maybeAdd(historyPlugin, Boolean(options.allowUndoRedoButtons)).add(primaryToolbarPlugin).maybeAdd(undoRedoPlugin, Boolean((_options$featureFlags = (_options$featureFlags2 = options.featureFlags) === null || _options$featureFlags2 === void 0 ? void 0 : _options$featureFlags2.undoRedoButtons) !== null && _options$featureFlags !== void 0 ? _options$featureFlags : options.allowUndoRedoButtons)).add([blockTypePlugin, _objectSpread(_objectSpread({}, options.blockType), {}, {
+  }]).add([basePlugin, options.base]).add(decorationsPlugin).add([typeAheadPlugin, options.typeAhead]).maybeAdd(historyPlugin, Boolean(options.allowUndoRedoButtons)).add([primaryToolbarPlugin, {
+    contextualFormattingEnabled: isFullPage
+  }]).maybeAdd(undoRedoPlugin, Boolean((_options$featureFlags = (_options$featureFlags2 = options.featureFlags) === null || _options$featureFlags2 === void 0 ? void 0 : _options$featureFlags2.undoRedoButtons) !== null && _options$featureFlags !== void 0 ? _options$featureFlags : options.allowUndoRedoButtons)).add([blockTypePlugin, _objectSpread(_objectSpread({}, options.blockType), {}, {
     includeBlockQuoteAsTextstyleOption: isFullPage
   })]).add(clearMarksOnEmptyDocPlugin).add([selectionToolbarPlugin, {
-    preferenceToolbarAboveSelection: !!options.preferenceToolbarAboveSelection
+    preferenceToolbarAboveSelection: !!options.preferenceToolbarAboveSelection,
+    contextualFormattingEnabled: isFullPage
   }]).add([hyperlinkPlugin, _objectSpread(_objectSpread({}, options.hyperlinkOptions), {}, {
     // @ts-ignore Temporary solution to check for Live Page editor.
     __livePage: options.__livePage

package/dist/esm/utils/extensions.js

@@ -83,14 +83,24 @@ function _extensionProviderToQuickInsertProvider() {
                   isDisabledOffline: true,
                   action: function action(insert, state, source) {
                     if (typeof item.node === 'function') {
-                      var _apiRef$current;
-                      var extensionAPI = apiRef === null || apiRef === void 0 || (_apiRef$current = apiRef.current) === null || _apiRef$current === void 0 || (_apiRef$current = _apiRef$current.extension) === null || _apiRef$current === void 0 || (_apiRef$current = _apiRef$current.actions) === null || _apiRef$current === void 0 ? void 0 : _apiRef$current.api();
-                      // While the api can be "undefined" there are no runtime scenarios where this is the case because:
-                      // - The quick insert API can only be called from an active editor
-                      // - The extension module handler can only be called from an active editor with the extension plugin
-                      // Therefore this should always be run unless there is something very wrong.
-                      if (extensionAPI) {
-                        resolveImport(item.node(extensionAPI)).then(function (node) {
+                      if (fg('platform_editor_add_extension_api_to_quick_insert')) {
+                        var _apiRef$current;
+                        var extensionAPI = apiRef === null || apiRef === void 0 || (_apiRef$current = apiRef.current) === null || _apiRef$current === void 0 || (_apiRef$current = _apiRef$current.extension) === null || _apiRef$current === void 0 || (_apiRef$current = _apiRef$current.actions) === null || _apiRef$current === void 0 ? void 0 : _apiRef$current.api();
+                        // While the api can be "undefined" there are no runtime scenarios where this is the case because:
+                        // - The quick insert API can only be called from an active editor
+                        // - The extension module handler can only be called from an active editor with the extension plugin
+                        // Therefore this should always be run unless there is something very wrong.
+                        if (extensionAPI) {
+                          resolveImport(item.node(extensionAPI)).then(function (node) {
+                            sendExtensionQuickInsertAnalytics(item, state.selection, createAnalyticsEvent, source);
+                            if (node) {
+                              editorActions.replaceSelection(node);
+                            }
+                          });
+                        }
+                      } else {
+                        // @ts-expect-error No longer supported without extension API - this will be removed once we cleanup the FG.
+                        resolveImport(item.node()).then(function (node) {
                           sendExtensionQuickInsertAnalytics(item, state.selection, createAnalyticsEvent, source);
                           if (node) {
                             editorActions.replaceSelection(node);

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "204.5.5";
+export var version = "204.6.0";

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

@@ -4,9 +4,10 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { EditorViewStateUpdatedCallbackProps } from '../../types/editor-config';
 import type { EditorOnChangeHandler } from '../../types/editor-onchange';
 type DispatchTransaction = (view: EditorView | undefined, tr: Transaction) => void;
-export declare const useDispatchTransaction: ({ onChange, dispatchAnalyticsEvent, onEditorViewUpdated, }: {
+export declare const useDispatchTransaction: ({ onChange, dispatchAnalyticsEvent, onEditorViewUpdated, isRemoteReplaceDocumentTransaction, }: {
     onChange: EditorOnChangeHandler | undefined;
     dispatchAnalyticsEvent: (payload: AnalyticsEventPayload) => void;
     onEditorViewUpdated: (params: EditorViewStateUpdatedCallbackProps) => void;
+    isRemoteReplaceDocumentTransaction?: ((tr: Transaction) => boolean) | undefined;
 }) => DispatchTransaction;
 export {};