@atlaskit/editor-core 154.0.0 → 155.0.0

package/dist/cjs/ui/Appearance/FullPage/FullPageToolbar.js

@@ -7,12 +7,14 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FullPageToolbar = void 0;
+exports.FullPageToolbar = exports.EditorToolbar = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _reactIntlNext = require("react-intl-next");
+
 var _ui = _interopRequireDefault(require("../../../plugins/collab-edit/ui"));
 
 var _FindReplaceToolbarButtonWithState = _interopRequireDefault(require("../../../plugins/find-replace/FindReplaceToolbarButtonWithState"));
@@ -25,11 +27,13 @@ var _MainToolbar = require("./MainToolbar");
 
 var _context = require("../../ContextPanel/context");
 
+var _messages = _interopRequireDefault(require("./messages"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var FullPageToolbar = /*#__PURE__*/_react.default.memo(function (props) {
+var EditorToolbar = /*#__PURE__*/_react.default.memo(function (props) {
   var _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$collabEdit, _props$collabEdit2, _props$collabEdit3, _props$featureFlags4, _props$featureFlags5;
 
   var _useState = (0, _react.useState)(false),
@@ -94,12 +98,18 @@ var FullPageToolbar = /*#__PURE__*/_react.default.memo(function (props) {
       showKeyline: props.showKeyline || contextPanelWidth > 0,
       twoLineEditorToolbar: !!((_props$featureFlags7 = props.featureFlags) !== null && _props$featureFlags7 !== void 0 && _props$featureFlags7.twoLineEditorToolbar)
     }, /*#__PURE__*/_react.default.createElement(_MainToolbar.MainToolbarFirstChild, {
-      twoLineEditorToolbar: !!((_props$featureFlags8 = props.featureFlags) !== null && _props$featureFlags8 !== void 0 && _props$featureFlags8.twoLineEditorToolbar)
+      twoLineEditorToolbar: !!((_props$featureFlags8 = props.featureFlags) !== null && _props$featureFlags8 !== void 0 && _props$featureFlags8.twoLineEditorToolbar),
+      role: "region",
+      "aria-label": props.intl.formatMessage(_messages.default.toolbarLabel)
     }, shouldSplitToolbar ? customToolbar : nonCustomToolbar), /*#__PURE__*/_react.default.createElement(_MainToolbar.MainToolbarSecondChild, {
       "data-testid": 'avatar-group-outside-plugin',
-      twoLineEditorToolbar: !!((_props$featureFlags9 = props.featureFlags) !== null && _props$featureFlags9 !== void 0 && _props$featureFlags9.twoLineEditorToolbar)
+      twoLineEditorToolbar: !!((_props$featureFlags9 = props.featureFlags) !== null && _props$featureFlags9 !== void 0 && _props$featureFlags9.twoLineEditorToolbar),
+      role: "region",
+      "aria-label": props.intl.formatMessage(_messages.default.pageActionsLabel)
     }, shouldSplitToolbar ? nonCustomToolbar : customToolbar));
   });
 });
 
+exports.EditorToolbar = EditorToolbar;
+var FullPageToolbar = (0, _reactIntlNext.injectIntl)(EditorToolbar);
 exports.FullPageToolbar = FullPageToolbar;

package/dist/cjs/ui/Appearance/FullPage/messages.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _reactIntl = require("react-intl");
+
+var _default = (0, _reactIntl.defineMessages)({
+  toolbarLabel: {
+    id: 'fabric.editor.toolbarLabel',
+    defaultMessage: 'Editor toolbar',
+    description: 'Label for the ARIA region landmark'
+  },
+  pageActionsLabel: {
+    id: 'fabric.editor.pageActionsLabel',
+    defaultMessage: 'Page actions',
+    description: 'Label for the ARIA region landmark'
+  },
+  editableContentLabel: {
+    id: 'fabric.editor.editableContentLabel',
+    defaultMessage: 'Editable content',
+    description: 'Label for the ARIA region landmark'
+  }
+});
+
+exports.default = _default;

package/dist/cjs/ui/ChromeCollapsed/index.js

@@ -27,6 +27,10 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _styles = require("./styles");
 
+var _reactIntlNext = require("react-intl-next");
+
+var _messages = require("./messages");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -74,7 +78,7 @@ var ChromeCollapsed = /*#__PURE__*/function (_PureComponent) {
   (0, _createClass2.default)(ChromeCollapsed, [{
     key: "render",
     value: function render() {
-      var placeholder = this.props.text || 'Type something…';
+      var placeholder = this.props.text || this.props.intl.formatMessage(_messages.messages.chromeCollapsedPlaceholder);
       return /*#__PURE__*/_react.default.createElement(_styles.Input, {
         innerRef: this.handleInputRef,
         onFocus: this.focusHandler,
@@ -85,4 +89,6 @@ var ChromeCollapsed = /*#__PURE__*/function (_PureComponent) {
   return ChromeCollapsed;
 }(_react.PureComponent);
 
-exports.default = ChromeCollapsed;
+var _default = (0, _reactIntlNext.injectIntl)(ChromeCollapsed);
+
+exports.default = _default;

package/dist/cjs/ui/ChromeCollapsed/messages.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.messages = void 0;
+
+var _reactIntlNext = require("react-intl-next");
+
+var messages = (0, _reactIntlNext.defineMessages)({
+  chromeCollapsedPlaceholder: {
+    id: 'fabric.editor.chromeCollapsedPlaceholder',
+    defaultMessage: 'Type something…',
+    description: 'placeholder for an input where users insert text'
+  }
+});
+exports.messages = messages;

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

@@ -40,7 +40,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.default.useMemo(function () {
@@ -70,8 +69,7 @@ var ColorPalette = function ColorPalette(props) {
         label: message ? formatMessage(message) : label,
         onClick: onClick,
         isSelected: value === selectedColor,
-        checkMarkColor: getContrastColor(value, [_colors.N0, _colors.N500]),
-        autoFocus: isShowingMoreColors && rowIdx === 1 && colorIdx === 0
+        checkMarkColor: getContrastColor(value, [_colors.N0, _colors.N500])
       });
     }));
   }));

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

@@ -73,10 +73,13 @@ var Header = function Header(_ref) {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Item, null, /*#__PURE__*/_react.default.createElement(ItemIcon, null, /*#__PURE__*/_react.default.createElement(ResolvedIcon, {
     label: title
   })), /*#__PURE__*/_react.default.createElement(ItemBody, null, summary ? /*#__PURE__*/_react.default.createElement(ItemText, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "item-title"
+    className: "item-title",
+    id: "context-panel-title"
   }, title), /*#__PURE__*/_react.default.createElement("div", {
     className: "item-summary"
-  }, summary)) : /*#__PURE__*/_react.default.createElement(CenteredItemTitle, null, title)), /*#__PURE__*/_react.default.createElement(CloseButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
+  }, summary)) : /*#__PURE__*/_react.default.createElement(CenteredItemTitle, {
+    id: "context-panel-title"
+  }, title)), /*#__PURE__*/_react.default.createElement(CloseButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
     appearance: "subtle",
     iconBefore: /*#__PURE__*/_react.default.createElement(_cross.default, {
       label: intl.formatMessage(_messages.messages.close)

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

@@ -79,7 +79,7 @@ var _featureFlagsContext = require("../../plugins/feature-flags-context");
 
 var _templateObject;
 
-var ContentStyles = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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"])), _editorSharedStyles.editorFontSize, _styles.whitespaceSharedStyles, _styles.paragraphSharedStyles, _styles.listsSharedStyles, _styles.indentationSharedStyles, _styles.shadowSharedStyle, _styles.inlineNodeSharedStyle, _styles6.blocktypeStyles, _styles16.textFormattingStyles, _styles17.placeholderTextStyles, _styles5.placeholderStyles, function (_ref) {
+var ContentStyles = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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"])), _editorSharedStyles.editorFontSize, _styles.whitespaceSharedStyles, _styles.paragraphSharedStyles, _styles.listsSharedStyles, _styles.indentationSharedStyles, _styles.shadowSharedStyle, _styles6.blocktypeStyles, _styles16.textFormattingStyles, _styles17.placeholderTextStyles, _styles5.placeholderStyles, function (_ref) {
   var featureFlags = _ref.featureFlags;
   return featureFlags !== null && featureFlags !== void 0 && featureFlags.codeBlockSyntaxHighlighting ? _styles7.highlightingCodeBlockStyles : _styles7.codeBlockStyles;
 }, _styles.textColorStyles, _styles8.listsStyles, _styles9.ruleStyles, _styles10.mediaStyles, _styles11.layoutStyles, _styles3.telepointerStyle, _styles4.gapCursorStyles, _commonStyles.tableStyles, _styles12.panelStyles, _styles13.fakeCursorStyles, _styles14.mentionsStyles, function (_ref2) {

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

@@ -201,7 +201,9 @@ 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.default.createElement(Content, {
           panelWidth: width,
           visible: visible

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

@@ -90,9 +90,8 @@ var ModalElementBrowser = function ModalElementBrowser(props) {
     onClick: onModalClick,
     onKeyDown: onKeyDown
   }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTransition, null, props.isOpen && /*#__PURE__*/_react.default.createElement(_modalDialog.default, {
-    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/cjs/ui/ToolbarHelp/index.js

@@ -15,23 +15,37 @@ var _ToolbarButton = _interopRequireDefault(require("../ToolbarButton"));
 
 var _WithHelpTrigger = _interopRequireDefault(require("../WithHelpTrigger"));
 
-var _default = function _default(_ref) {
+var _reactIntlNext = require("react-intl-next");
+
+var _messages = require("./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.messages.toolbarHelpTitle);
+  }
+
   return /*#__PURE__*/_react.default.createElement(_WithHelpTrigger.default, {
     render: function render(showHelp) {
       return /*#__PURE__*/_react.default.createElement(_ToolbarButton.default, {
         onClick: showHelp,
-        title: title,
+        title: displayTitle,
         titlePosition: titlePosition,
         iconBefore: /*#__PURE__*/_react.default.createElement(_question.default, {
-          label: title
+          label: displayTitle
         })
       });
     }
   });
 };
 
+var _default = (0, _reactIntlNext.injectIntl)(tooltipHelpTrigger);
+
 exports.default = _default;

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.messages = void 0;
+
+var _reactIntlNext = require("react-intl-next");
+
+var messages = (0, _reactIntlNext.defineMessages)({
+  toolbarHelpTitle: {
+    id: 'fabric.editor.headingLink.toolbarHelpTitle',
+    defaultMessage: 'Open help dialog',
+    description: 'a label for a button that provides help'
+  }
+});
+exports.messages = messages;

package/dist/cjs/utils/document.js

@@ -204,6 +204,20 @@ function processRawValue(schema, value, providerFactory, sanitizePrivateContent,
 
     if (contentTransformer) {
       return _prosemirrorModel.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 = (0, _adfUtils.transformMediaLinkMarks)(node),
+        transformedAdf = _transformMediaLinkMa.transformedAdf,
+        isTransformed = _transformMediaLinkMa.isTransformed;
+
+    if (isTransformed && dispatchAnalyticsEvent) {
+      dispatchAnalyticsEvent({
+        action: _enums.ACTION.MEDIA_LINK_TRANSFORMED,
+        actionSubject: _enums.ACTION_SUBJECT.EDITOR,
+        eventType: _enums.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.
@@ -211,9 +225,9 @@ function processRawValue(schema, value, providerFactory, sanitizePrivateContent,
     // and preserving code marks during content changes.
 
 
-    var _transformTextLinkCod = (0, _adfUtils.transformTextLinkCodeMarks)(node),
-        transformedAdf = _transformTextLinkCod.transformedAdf,
-        isTransformed = _transformTextLinkCod.isTransformed;
+    var transformResult = (0, _adfUtils.transformTextLinkCodeMarks)(node);
+    transformedAdf = transformResult.transformedAdf;
+    isTransformed = transformResult.isTransformed;
 
     if (isTransformed && dispatchAnalyticsEvent) {
       dispatchAnalyticsEvent({

package/dist/cjs/utils/keymap.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.keymap = keymap;
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var _prosemirrorKeymap = require("prosemirror-keymap");
 
@@ -19,7 +19,7 @@ var _w3cKeyname = require("w3c-keyname");
  * @param bindings
  */
 function keymap(bindings) {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     props: {
       handleKeyDown: function handleKeyDown(view, event) {
         var name = (0, _w3cKeyname.keyName)(event);

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

@@ -19,16 +19,18 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var _utils = require("@atlaskit/editor-common/utils");
 
+var _saferTransactions = require("./safer-transactions");
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-var InstrumentedPlugin = /*#__PURE__*/function (_Plugin) {
-  (0, _inherits2.default)(InstrumentedPlugin, _Plugin);
+var InstrumentedPlugin = /*#__PURE__*/function (_SafePlugin) {
+  (0, _inherits2.default)(InstrumentedPlugin, _SafePlugin);
 
   var _super = _createSuper(InstrumentedPlugin);
 
@@ -45,15 +47,24 @@ 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 = (0, _assertThisInitialized2.default)(_this);
+        var tr = saferDispatchedTransactions ? new Proxy(aTr, (0, _saferTransactions.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);
         }
 
@@ -61,7 +72,6 @@ var InstrumentedPlugin = /*#__PURE__*/function (_Plugin) {
             startMeasure = _transactionTracker$g.startMeasure,
             stopMeasure = _transactionTracker$g.stopMeasure;
 
-        var self = (0, _assertThisInitialized2.default)(_this);
         var measure = "\uD83E\uDD89".concat(self.key, "::apply");
         startMeasure(measure);
         var result = originalApply(tr, value, oldState, newState);
@@ -102,6 +112,6 @@ var InstrumentedPlugin = /*#__PURE__*/function (_Plugin) {
     }
   }]);
   return InstrumentedPlugin;
-}(_prosemirrorState.Plugin);
+}(_safePlugin.SafePlugin);
 
 exports.InstrumentedPlugin = InstrumentedPlugin;

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

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.freezeUnsafeTransactionProperties = exports.UNSAFE_PROPERTY_SET_ERROR = void 0;
+
+var _analytics = require("../../plugins/analytics");
+
+var UNSAFE_PROPERTY_SET_ERROR = 'Setting an unsafe property on transaction after dispatch!'; // since selection uses curSelection under the hood, we guard setSelection instead
+
+exports.UNSAFE_PROPERTY_SET_ERROR = UNSAFE_PROPERTY_SET_ERROR;
+
+var isUnsafeMethod = function isUnsafeMethod(prop) {
+  return ['setSelection'].includes(prop.toString());
+};
+
+var isReadOnlyProperty = function isReadOnlyProperty(prop) {
+  return ['doc', 'docs', 'steps', 'selection'].includes(prop.toString());
+};
+
+var freezeUnsafeTransactionProperties = function freezeUnsafeTransactionProperties(_ref) {
+  var dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
+      pluginKey = _ref.pluginKey;
+
+  var isUnsafe = function isUnsafe() {
+    if (dispatchAnalyticsEvent) {
+      dispatchAnalyticsEvent({
+        action: _analytics.ACTION.TRANSACTION_MUTATED_AFTER_DISPATCH,
+        actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
+        eventType: _analytics.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);
+    }
+  };
+};
+
+exports.freezeUnsafeTransactionProperties = freezeUnsafeTransactionProperties;

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

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

package/dist/cjs/version-wrapper.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.nextMajorVersion = exports.name = void 0;
 var name = "@atlaskit/editor-core";
 exports.name = name;
-var version = "154.0.0";
+var version = "155.0.0";
 exports.version = version;
 
 var nextMajorVersion = function nextMajorVersion() {

package/dist/cjs/version.json

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

package/dist/es2019/actions/index.js

@@ -8,6 +8,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';
 export default class EditorActions {
   constructor() {
     _defineProperty(this, "listeners", []);
@@ -20,6 +22,37 @@ export default class EditorActions {
         });
       }
     });
+
+    _defineProperty(this, "getResolvedEditorState", () => {
+      return new Promise((resolver, reject) => {
+        var _getCollabProvider;
+
+        if (!this.editorView) {
+          reject();
+          return;
+        }
+
+        const 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(content => {
+            resolver({
+              content: content,
+              title: null,
+              stepVersion: -1
+            });
+          });
+        }
+
+        (_getCollabProvider = getCollabProvider(this.editorView.state)) === null || _getCollabProvider === void 0 ? void 0 : _getCollabProvider.getFinalAcknowledgedState().then(resolvedEditorState => {
+          resolver(resolvedEditorState);
+        }).catch(error => {
+          reject(error);
+        });
+      });
+    });
   }
 
   static from(view, eventDispatcher, transformer) {

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

@@ -8,6 +8,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';
@@ -171,7 +172,7 @@ export class ReactEditorView extends React.Component {
         getIntl: () => this.props.intl
       });
       const newState = state.reconfigure({
-        plugins
+        plugins: plugins
       }); // need to update the state first so when the view builds the nodeviews it is
       // using the latest plugins
 
@@ -190,21 +191,33 @@ export class ReactEditorView extends React.Component {
     });
 
     _defineProperty(this, "createEditorState", 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;
+      let 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));
-      const schema = createSchema(this.config);
       const {
         contentTransformerProvider
       } = options.props.editorProps;
@@ -240,7 +253,7 @@ export class ReactEditorView extends React.Component {
       const patchedSelection = selection ? Selection.findFrom(selection.$head, -1, true) || undefined : undefined;
       return EditorState.create({
         schema,
-        plugins,
+        plugins: plugins,
         doc,
         selection: patchedSelection
       });
@@ -287,7 +300,7 @@ export class ReactEditorView extends React.Component {
       }
     });
 
-    _defineProperty(this, "dispatchTransaction", transaction => {
+    _defineProperty(this, "dispatchTransaction", unsafeTransaction => {
       if (!this.view) {
         return;
       }
@@ -305,8 +318,12 @@ export class ReactEditorView extends React.Component {
         (_this$experienceStore = this.experienceStore) === null || _this$experienceStore === void 0 ? void 0 : _this$experienceStore.start(EditorExperience.interaction);
       }
 
-      const nodes = findChangedNodesFromTransaction(transaction);
+      const nodes = findChangedNodesFromTransaction(unsafeTransaction);
       const changedNodesValid = validateNodes(nodes);
+      const transaction = this.featureFlags.saferDispatchedTransactions ? new Proxy(unsafeTransaction, freezeUnsafeTransactionProperties({
+        dispatchAnalyticsEvent: this.dispatchAnalyticsEvent,
+        pluginKey: 'unknown-reacteditorview'
+      })) : unsafeTransaction;
 
       if (changedNodesValid) {
         const oldEditorState = this.view.state; // go ahead and update the state now we know the transaction is good