@atlaskit/editor-core 153.1.5 → 157.0.0

package/dist/cjs/plugins/type-ahead/ui/InputQuery.js

@@ -66,7 +66,9 @@ var InputQuery = /*#__PURE__*/_react.default.memo(function (_ref) {
       onUndoRedo = _ref.onUndoRedo;
   var ref = (0, _react.useRef)(document.createElement('span'));
   var cleanedInputContent = (0, _react.useCallback)(function () {
-    var raw = ref.current.textContent || '';
+    var _ref$current;
+
+    var raw = ((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.textContent) || '';
     return raw.replace(_utils.ZERO_WIDTH_SPACE, '');
   }, []);
   var onKeyUp = (0, _react.useCallback)(function (event) {
@@ -74,9 +76,11 @@ var InputQuery = /*#__PURE__*/_react.default.memo(function (_ref) {
     onQueryChange(text);
   }, [onQueryChange, cleanedInputContent]);
   var checkKeyEvent = (0, _react.useCallback)(function (event) {
+    var _ref$current2;
+
     var key = (0, _w3cKeyname.keyName)(event);
     var sel = document.getSelection();
-    var raw = ref.current.textContent || '';
+    var raw = ((_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.textContent) || '';
     var text = cleanedInputContent();
     var stopDefault = false;
 
@@ -148,10 +152,12 @@ var InputQuery = /*#__PURE__*/_react.default.memo(function (_ref) {
     }
   }, [onUndoRedo, onItemSelect, selectNextItem, cancel, selectPreviousItem, cleanedInputContent]);
   var onClick = (0, _react.useCallback)(function (event) {
+    var _ref$current3;
+
     event.stopPropagation();
     event.preventDefault();
     onQueryFocus();
-    ref.current.focus();
+    (_ref$current3 = ref.current) === null || _ref$current3 === void 0 ? void 0 : _ref$current3.focus();
     return false;
   }, [onQueryFocus]);
   (0, _react.useEffect)(function () {
@@ -169,7 +175,9 @@ var InputQuery = /*#__PURE__*/_react.default.memo(function (_ref) {
       var key = (0, _w3cKeyname.keyName)(event);
 
       if (['ArrowLeft', 'ArrowRight'].includes(key) && document.getSelection && document.getSelection()) {
-        var q = ref.current.textContent || '';
+        var _ref$current4;
+
+        var q = ((_ref$current4 = ref.current) === null || _ref$current4 === void 0 ? void 0 : _ref$current4.textContent) || '';
         var sel = document.getSelection();
         var isMovingRight = sel && 'ArrowRight' === key && sel.anchorOffset === q.length;
         var isMovingLeft = sel && 'ArrowLeft' === key && sel.anchorOffset === 0;

package/dist/cjs/plugins/type-ahead/ui/TypeAheadList.js

@@ -31,6 +31,10 @@ var _useDynamicListHeightCalculation = require("./hooks/use-dynamic-list-height-
 
 var _DynamicHeightListItem = require("./DynamicHeightListItem");
 
+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; }
@@ -78,11 +82,12 @@ var itemTheme = (0, _defineProperty2.default)({}, _item.itemThemeNamespace, {
   }
 });
 
-var TypeAheadList = /*#__PURE__*/_react.default.memo(function (_ref) {
+var TypeAheadListComponent = /*#__PURE__*/_react.default.memo(function (_ref) {
   var items = _ref.items,
       selectedIndex = _ref.selectedIndex,
       onItemHover = _ref.onItemHover,
-      onItemClick = _ref.onItemClick;
+      onItemClick = _ref.onItemClick,
+      intl = _ref.intl;
   var listRef = (0, _react.useRef)();
   var redrawListAtIndex = (0, _react.useCallback)(function (index) {
     listRef.current.resetAfterIndex(index);
@@ -169,7 +174,7 @@ var TypeAheadList = /*#__PURE__*/_react.default.memo(function (_ref) {
   }, /*#__PURE__*/_react.default.createElement(_item.ItemGroup, {
     role: "listbox",
     "aria-live": "polite",
-    "aria-label": "TypeAhead results",
+    "aria-label": intl.formatMessage(_messages.typeAheadListMessages.typeAheadResultLabel),
     "aria-relevant": "additions removals"
   }, /*#__PURE__*/_react.default.createElement(_useResizeObserver.ResizeObserverProvider, null, /*#__PURE__*/_react.default.createElement(_DynamicHeightListItem.UpdateListItemHeightContext.Provider, {
     value: setListItemHeight
@@ -192,5 +197,6 @@ var TypeAheadList = /*#__PURE__*/_react.default.memo(function (_ref) {
   }, _DynamicHeightListItem.DynamicHeightListItem)))))));
 });
 
+var TypeAheadList = (0, _reactIntlNext.injectIntl)(TypeAheadListComponent);
 exports.TypeAheadList = TypeAheadList;
 TypeAheadList.displayName = 'TypeAheadList';

package/dist/cjs/plugins/undo-redo/pm-plugins/main.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createPlugin = void 0;
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var _pluginKey = require("./plugin-key");
 
 var createPlugin = function createPlugin(_ref) {
   var dispatch = _ref.dispatch;
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: _pluginKey.pluginKey
   });
 };

package/dist/cjs/plugins/unsupported-content/index.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.pluginKey = exports.default = void 0;
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var _adfSchema = require("@atlaskit/adf-schema");
@@ -21,7 +23,7 @@ var createPlugin = function createPlugin(_ref) {
       eventDispatcher = _ref.eventDispatcher,
       dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent;
   var hasIntlContext = true;
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: pluginKey,
     props: {
       nodeViews: {

package/dist/cjs/plugins/view-update-subscription/index.js

@@ -15,6 +15,8 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var trackerStore = new WeakMap();
@@ -52,7 +54,7 @@ var createViewUpdateSubscriptionPlugin = function createViewUpdateSubscriptionPl
     name: 'viewUpdateSubscription',
     pmPlugins: function pmPlugins() {
       var createPlugin = function createPlugin() {
-        return new _prosemirrorState.Plugin({
+        return new _safePlugin.SafePlugin({
           key: pluginKey,
           view: function view(editorView) {
             tracker = trackerStore.get(editorView);

package/dist/cjs/plugins/width/index.js

@@ -10,6 +10,8 @@ exports.pluginKey = exports.default = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -20,7 +22,7 @@ var pluginKey = new _prosemirrorState.PluginKey('widthPlugin');
 exports.pluginKey = pluginKey;
 
 function createPlugin(dispatch) {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: pluginKey,
     state: {
       init: function init() {

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

@@ -83,7 +83,9 @@ var Alignment = /*#__PURE__*/function (_PureComponent) {
             shortcut = alignment.shortcut;
         var message = intl.formatMessage(title);
         return /*#__PURE__*/_react.default.createElement(_AlignmentButton.default, {
-          content: _iconMap.iconMap[value],
+          content: /*#__PURE__*/_react.default.createElement(_iconMap.IconMap, {
+            alignment: value
+          }),
           key: value,
           value: value,
           label: message,

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

@@ -13,6 +13,8 @@ var _context = require("../../ContextPanel/context");
 
 var _react = _interopRequireDefault(require("react"));
 
+var _reactIntlNext = require("react-intl-next");
+
 var _Addon = require("../../Addon");
 
 var _ContextPanel = _interopRequireDefault(require("../../ContextPanel"));
@@ -23,10 +25,12 @@ var _WidthEmitter = _interopRequireDefault(require("../../WidthEmitter"));
 
 var _StyledComponents = require("./StyledComponents");
 
+var _messages = _interopRequireDefault(require("./messages"));
+
 var CONTENT_AREA_TEST_ID = 'ak-editor-fp-content-area';
 exports.CONTENT_AREA_TEST_ID = CONTENT_AREA_TEST_ID;
 
-var FullPageContentArea = /*#__PURE__*/_react.default.memo(function (props) {
+var Content = /*#__PURE__*/_react.default.memo(function (props) {
   return /*#__PURE__*/_react.default.createElement(_ui.WidthConsumer, null, function (_ref) {
     var width = _ref.width;
     return /*#__PURE__*/_react.default.createElement(_context.ContextPanelConsumer, null, function (_ref2) {
@@ -41,6 +45,8 @@ var FullPageContentArea = /*#__PURE__*/_react.default.memo(function (props) {
       }, /*#__PURE__*/_react.default.createElement(_Addon.ClickAreaBlock, {
         editorView: props.editorView
       }, /*#__PURE__*/_react.default.createElement(_StyledComponents.EditorContentArea, {
+        role: "region",
+        "aria-label": props.intl.formatMessage(_messages.default.editableContentLabel),
         fullWidthMode: props.appearance === 'full-width',
         innerRef: props.contentAreaRef,
         containerWidth: width
@@ -69,4 +75,5 @@ var FullPageContentArea = /*#__PURE__*/_react.default.memo(function (props) {
   });
 });
 
+var FullPageContentArea = (0, _reactIntlNext.injectIntl)(Content);
 exports.FullPageContentArea = FullPageContentArea;

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;