@atlaskit/editor-core 153.1.4 → 156.0.0

package/dist/cjs/plugins/analytics/plugin.js

@@ -12,13 +12,13 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _utils = require("@atlaskit/editor-common/utils");
 
 var _types = require("./types");
 
-var _utils = require("./utils");
+var _utils2 = require("./utils");
 
 var _pluginKey = require("./plugin-key");
 
@@ -45,8 +45,8 @@ function createPlugin(options) {
     return;
   }
 
-  var hasRequiredPerformanceAPIs = (0, _editorCommon.isPerformanceAPIAvailable)();
-  return new _prosemirrorState.Plugin({
+  var hasRequiredPerformanceAPIs = (0, _utils.isPerformanceAPIAvailable)();
+  return new _safePlugin.SafePlugin({
     key: _pluginKey.analyticsPluginKey,
     state: {
       init: function init() {
@@ -58,7 +58,7 @@ function createPlugin(options) {
         var _getFeatureFlags;
 
         if ((_getFeatureFlags = (0, _featureFlagsContext.getFeatureFlags)(state)) !== null && _getFeatureFlags !== void 0 && _getFeatureFlags.catchAllTracking) {
-          var analyticsEventWithChannel = (0, _utils.getAnalyticsEventsFromTransaction)(tr);
+          var analyticsEventWithChannel = (0, _utils2.getAnalyticsEventsFromTransaction)(tr);
 
           if (analyticsEventWithChannel.length > 0) {
             var _iterator = _createForOfIteratorHelper(analyticsEventWithChannel),
@@ -74,7 +74,7 @@ function createPlugin(options) {
                 // that has an analytics event.
                 if (hasRequiredPerformanceAPIs && tr.docChanged && payload.action !== _types.ACTION.INSERTED && payload.action !== _types.ACTION.DELETED) {
                   var measureName = "".concat(payload.actionSubject, ":").concat(payload.action, ":").concat(payload.actionSubjectId);
-                  (0, _editorCommon.measureRender)(measureName, function (duration) {
+                  (0, _utils.measureRender)(measureName, function (duration) {
                     (0, _fireAnalyticsEvent.fireAnalyticsEvent)(pluginState.createAnalyticsEvent)({
                       payload: extendPayload(payload, duration),
                       channel: channel

package/dist/cjs/plugins/analytics/types/enums.js

@@ -68,6 +68,7 @@ exports.ACTION = ACTION;
   ACTION["LANGUAGE_SELECTED"] = "languageSelected";
   ACTION["LIST_ITEM_JOINED"] = "listItemJoined";
   ACTION["MATCHED"] = "matched";
+  ACTION["MEDIA_LINK_TRANSFORMED"] = "mediaLinkTransformed";
   ACTION["NODE_CONTENT_SANITIZED"] = "nodeContentSanitized";
   ACTION["OPENED"] = "opened";
   ACTION["OUTDENTED"] = "outdented";
@@ -91,6 +92,7 @@ exports.ACTION = ACTION;
   ACTION["TEXT_LINK_MARK_TRANSFORMED"] = "textLinkMarkTransformed";
   ACTION["TOGGLE_EXPAND"] = "toggleExpand";
   ACTION["TRANSACTION_DISPATCHED"] = "transactionDispatched";
+  ACTION["TRANSACTION_MUTATED_AFTER_DISPATCH"] = "transactionMutatedAfterDispatched";
   ACTION["TYPING_FINISHED"] = "typingFinished";
   ACTION["TYPING_STARTED"] = "typingStarted";
   ACTION["UNLINK"] = "unlinked";
@@ -103,6 +105,7 @@ exports.ACTION = ACTION;
   ACTION["RENDERED"] = "rendered";
   ACTION["ON_EDITOR_READY_CALLBACK"] = "onEditorReadyCallback";
   ACTION["ON_CHANGE_CALLBACK"] = "onChangeCalled";
+  ACTION["NEW_COLLAB_SYNC_UP_ERROR_NO_STEPS"] = "newCollabSyncUpErrorNoSteps";
   ACTION["REMOVE_ICON"] = "removedIcon";
   ACTION["UFO_SESSION_COMPLETE"] = "ufoSessionComplete";
   ACTION["INVALID_PROSEMIRROR_DOCUMENT"] = "invalidProsemirrorDocument";

package/dist/cjs/plugins/annotation/nodeviews/index.js

@@ -19,7 +19,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _react = _interopRequireDefault(require("react"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _styles = require("@atlaskit/editor-common/styles");
 
 var _nodeviews = require("../../../nodeviews");
 
@@ -101,7 +101,7 @@ var getAnnotationViewClassname = function getAnnotationViewClassname(isUnresolve
     return;
   }
 
-  return hasFocus ? _editorCommon.AnnotationSharedClassNames.focus : _editorCommon.AnnotationSharedClassNames.blur;
+  return hasFocus ? _styles.AnnotationSharedClassNames.focus : _styles.AnnotationSharedClassNames.blur;
 };
 
 exports.getAnnotationViewClassname = getAnnotationViewClassname;

package/dist/cjs/plugins/annotation/pm-plugins/inline-comment.js

@@ -15,7 +15,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 
 var _inlineCommentEvents = require("./../../analytics/types/inline-comment-events");
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var _adfSchema = require("@atlaskit/adf-schema");
 
@@ -167,7 +167,7 @@ var inlineCommentPlugin = function inlineCommentPlugin(options) {
   var provider = options.provider,
       portalProviderAPI = options.portalProviderAPI,
       eventDispatcher = options.eventDispatcher;
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: _utils.inlineCommentPluginKey,
     state: (0, _pluginFactory.createPluginState)(options.dispatch, initialState(provider.disallowOnWhitespace)),
     view: function view(editorView) {

package/dist/cjs/plugins/annotation/utils.js

@@ -20,13 +20,15 @@ var _prosemirrorState = require("prosemirror-state");
 
 var _prosemirrorView = require("prosemirror-view");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _styles = require("@atlaskit/editor-common/styles");
+
+var _utils = require("@atlaskit/editor-common/utils");
 
 var _adfSchema = require("@atlaskit/adf-schema");
 
 var _types = require("./types");
 
-var _utils = require("../../utils");
+var _utils2 = require("../../utils");
 
 var _analytics = require("../analytics");
 
@@ -78,9 +80,9 @@ exports.filterAnnotationIds = filterAnnotationIds;
 var reorderAnnotations = function reorderAnnotations(annotations, $from) {
   var idSet = surroundingMarks($from).map(filterAnnotationIds);
   annotations.sort(function (a, b) {
-    return (0, _utils.sum)(idSet, function (ids) {
+    return (0, _utils2.sum)(idSet, function (ids) {
       return ids.indexOf(a.id);
-    }) - (0, _utils.sum)(idSet, function (ids) {
+    }) - (0, _utils2.sum)(idSet, function (ids) {
       return ids.indexOf(b.id);
     });
   });
@@ -176,7 +178,7 @@ exports.getSelectionStartRect = getSelectionStartRect;
 
 var addDraftDecoration = function addDraftDecoration(start, end) {
   return _prosemirrorView.Decoration.inline(start, end, {
-    class: "".concat(_editorCommon.AnnotationSharedClassNames.draft)
+    class: "".concat(_styles.AnnotationSharedClassNames.draft)
   });
 };
 
@@ -264,7 +266,7 @@ var getAnnotationsInSelectionCount = function getAnnotationsInSelectionCount(sta
   var _state$selection = state.selection,
       from = _state$selection.from,
       to = _state$selection.to;
-  var annotations = (0, _editorCommon.getAnnotationIdsFromRange)({
+  var annotations = (0, _utils.getAnnotationIdsFromRange)({
     from: from,
     to: to
   }, state.doc, state.schema);
@@ -338,7 +340,7 @@ var hasInvalidNodes = function hasInvalidNodes(state) {
   var selection = state.selection,
       doc = state.doc,
       schema = state.schema;
-  return !(0, _editorCommon.canApplyAnnotationOnRange)({
+  return !(0, _utils.canApplyAnnotationOnRange)({
     from: selection.from,
     to: selection.to
   }, doc, schema);

package/dist/cjs/plugins/avatar-group/index.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _AvatarGroupPluginWrapper = require("./ui/AvatarGroupPluginWrapper");
+var _AvatarGroupPluginWrapper = _interopRequireDefault(require("./ui/AvatarGroupPluginWrapper"));
 
 var avatarGroup = function avatarGroup(props) {
   return {
@@ -23,7 +23,7 @@ var avatarGroup = function avatarGroup(props) {
           isToolbarReducedSpacing = _ref.isToolbarReducedSpacing,
           eventDispatcher = _ref.eventDispatcher,
           dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent;
-      return /*#__PURE__*/_react.default.createElement(_AvatarGroupPluginWrapper.AvatarGroupPluginWrapper, {
+      return /*#__PURE__*/_react.default.createElement(_AvatarGroupPluginWrapper.default, {
         dispatchAnalyticsEvent: dispatchAnalyticsEvent,
         editorView: editorView,
         eventDispatcher: eventDispatcher,

package/dist/cjs/plugins/avatar-group/messages.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.avatarGroupMessages = void 0;
+
+var _reactIntlNext = require("react-intl-next");
+
+var avatarGroupMessages = (0, _reactIntlNext.defineMessages)({
+  editors: {
+    id: 'fabric.editor.editors',
+    defaultMessage: 'Editors',
+    description: 'classifying the people that are currently editing the document'
+  }
+});
+exports.avatarGroupMessages = avatarGroupMessages;

package/dist/cjs/plugins/avatar-group/ui/AvatarGroupPluginWrapper.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.AvatarGroupPluginWrapper = void 0;
+exports.default = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
@@ -17,6 +17,10 @@ var _avatarsWithPluginState = _interopRequireDefault(require("../../collab-edit/
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
+var _reactIntlNext = require("react-intl-next");
+
+var _messages = require("../messages");
+
 var _analytics = require("../../analytics");
 
 var _templateObject;
@@ -31,6 +35,7 @@ var ToolbarButtonWrapper = _styledComponents.default.div(_templateObject || (_te
 
 var AvatarGroupPluginWrapper = function AvatarGroupPluginWrapper(props) {
   var dispatchAnalyticsEvent = props.dispatchAnalyticsEvent;
+  var intl = (0, _reactIntlNext.useIntl)();
   (0, _react.useEffect)(function () {
     if (!dispatchAnalyticsEvent) {
       return;
@@ -44,7 +49,7 @@ var AvatarGroupPluginWrapper = function AvatarGroupPluginWrapper(props) {
     });
   }, [dispatchAnalyticsEvent]);
   return /*#__PURE__*/_react.default.createElement(ToolbarButtonWrapper, {
-    "aria-label": "Editors",
+    "aria-label": intl.formatMessage(_messages.avatarGroupMessages.editors),
     "data-testid": 'avatar-group-in-plugin',
     takeFullWidth: props.takeFullWidth
   }, /*#__PURE__*/_react.default.createElement(_avatarsWithPluginState.default, {
@@ -56,4 +61,5 @@ var AvatarGroupPluginWrapper = function AvatarGroupPluginWrapper(props) {
   }));
 };
 
-exports.AvatarGroupPluginWrapper = AvatarGroupPluginWrapper;
+var _default = AvatarGroupPluginWrapper;
+exports.default = _default;

package/dist/cjs/plugins/base/pm-plugins/better-type-history.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 _prosemirrorModel = require("prosemirror-model");
@@ -66,7 +68,7 @@ var pluginKey = new _prosemirrorState.PluginKey('betterTypeHistoryPlugin');
 exports.pluginKey = pluginKey;
 
 var _default = function _default() {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: pluginKey,
     appendTransaction: function appendTransaction(transactions, oldState, newState) {
       var hasHandlePasteMeta = transactions.find(function (tran) {

package/dist/cjs/plugins/base/pm-plugins/context-identifier.js

@@ -9,6 +9,8 @@ exports.stateKey = exports.getContextIdentifier = 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; }
@@ -29,7 +31,7 @@ var getContextIdentifier = function getContextIdentifier(state) {
 exports.getContextIdentifier = getContextIdentifier;
 
 var _default = function _default(dispatch, providerFactory) {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: stateKey,
     state: {
       init: function init() {

package/dist/cjs/plugins/base/pm-plugins/decoration.js

@@ -7,6 +7,8 @@ exports.hoverDecoration = exports.default = exports.decorationStateKey = exports
 
 var _prosemirrorView = require("prosemirror-view");
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var _prosemirrorUtils = require("prosemirror-utils");
@@ -74,7 +76,7 @@ var hoverDecoration = function hoverDecoration(nodeType, add) {
 exports.hoverDecoration = hoverDecoration;
 
 var _default = function _default() {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: decorationStateKey,
     state: {
       init: function init() {

package/dist/cjs/plugins/base/pm-plugins/filter-steps.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var _analytics = require("../../analytics");
 
@@ -16,7 +16,7 @@ var hasInvalidSteps = function hasInvalidSteps(tr) {
 };
 
 var _default = function _default(dispatchAnalyticsEvent) {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     filterTransaction: function filterTransaction(transaction) {
       if (hasInvalidSteps(transaction)) {
         // eslint-disable-next-line no-console

package/dist/cjs/plugins/base/pm-plugins/fix-chrome-88-selection.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.fixChromeSelectionKey = exports.default = void 0;
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var _prosemirrorUtils = require("prosemirror-utils");
@@ -17,7 +19,7 @@ var fixChromeSelectionKey = new _prosemirrorState.PluginKey('fixChromeSelectionP
 exports.fixChromeSelectionKey = fixChromeSelectionKey;
 
 var _default = function _default() {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: fixChromeSelectionKey,
     props: {
       handleDOMEvents: {

package/dist/cjs/plugins/base/pm-plugins/fix-chrome-spell-checking.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var _featureFlagsContext = require("../../feature-flags-context");
@@ -12,7 +14,7 @@ var _featureFlagsContext = require("../../feature-flags-context");
 var _utils = require("@atlaskit/editor-common/utils");
 
 var _default = function _default() {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: new _prosemirrorState.PluginKey('fixChrome96SpellChecking'),
     props: {
       attributes: function attributes(editorState) {

package/dist/cjs/plugins/base/pm-plugins/focus-handler.js

@@ -5,13 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.focusStateKey = exports.default = void 0;
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var focusStateKey = new _prosemirrorState.PluginKey('focusStatePlugin');
 exports.focusStateKey = focusStateKey;
 
 var _default = function _default(dispatch) {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: focusStateKey,
     state: {
       init: function init() {

package/dist/cjs/plugins/base/pm-plugins/frozen-editor.js

@@ -9,9 +9,11 @@ exports.frozenEditorPluginKey = exports.default = exports.NORMAL_SEVERITY_THRESH
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _utils = require("@atlaskit/editor-common/utils");
 
 var _ufo = require("@atlaskit/editor-common/ufo");
 
@@ -83,9 +85,9 @@ var _default = function _default(dispatchAnalyticsEvent, inputTracking, browserF
   var shouldTrackSeverity = (inputTracking === null || inputTracking === void 0 ? void 0 : inputTracking.trackSeverity) || DEFAULT_TRACK_SEVERITY_ENABLED;
   var severityThresholdNormal = (inputTracking === null || inputTracking === void 0 ? void 0 : inputTracking.severityNormalThreshold) || DEFAULT_TRACK_SEVERITY_THRESHOLD_NORMAL;
   var severityThresholdDegraded = (inputTracking === null || inputTracking === void 0 ? void 0 : inputTracking.severityDegradedThreshold) || DEFAULT_TRACK_SEVERITY_THRESHOLD_DEGRADED;
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: frozenEditorPluginKey,
-    props: (0, _editorCommon.isPerformanceAPIAvailable)() ? {
+    props: (0, _utils.isPerformanceAPIAvailable)() ? {
       handleTextInput: function handleTextInput(view) {
         var state = view.state;
         var now = performance.now();
@@ -135,7 +137,7 @@ var _default = function _default(dispatchAnalyticsEvent, inputTracking, browserF
             var _nodesCount = allowCountNodes ? (0, _countNodes.countNodes)(view.state) : {};
 
             keystrokeCount = 0;
-            var severity = shouldTrackSeverity ? (0, _editorCommon.getAnalyticsEventSeverity)(diff, severityThresholdNormal, severityThresholdDegraded) : undefined;
+            var severity = shouldTrackSeverity ? (0, _utils.getAnalyticsEventSeverity)(diff, severityThresholdNormal, severityThresholdDegraded) : undefined;
 
             if (inputTracking !== null && inputTracking !== void 0 && inputTracking.enabled) {
               var _getContextIdentifier3;
@@ -180,7 +182,7 @@ var _default = function _default(dispatchAnalyticsEvent, inputTracking, browserF
       } : undefined
     } : undefined,
     view: function view(_view) {
-      if (!(0, _editorCommon.isPerformanceObserverAvailable)()) {
+      if (!(0, _utils.isPerformanceObserverAvailable)()) {
         return {};
       }
 
@@ -194,7 +196,7 @@ var _default = function _default(dispatchAnalyticsEvent, inputTracking, browserF
             var duration = perfEntries[i].duration;
 
             if (duration > freezeThreshold) {
-              dispatchLongTaskEvent(dispatchAnalyticsEvent, _view, duration, allowCountNodes, browserFreezeTracking !== null && browserFreezeTracking !== void 0 && browserFreezeTracking.trackInteractionType ? interactionType : undefined, browserFreezeTracking !== null && browserFreezeTracking !== void 0 && browserFreezeTracking.trackSeverity ? (0, _editorCommon.getAnalyticsEventSeverity)(duration, browserFreezeTracking.severityNormalThreshold || NORMAL_SEVERITY_THRESHOLD, browserFreezeTracking.severityDegradedThreshold || DEGRADED_SEVERITY_THRESHOLD) : undefined);
+              dispatchLongTaskEvent(dispatchAnalyticsEvent, _view, duration, allowCountNodes, browserFreezeTracking !== null && browserFreezeTracking !== void 0 && browserFreezeTracking.trackInteractionType ? interactionType : undefined, browserFreezeTracking !== null && browserFreezeTracking !== void 0 && browserFreezeTracking.trackSeverity ? (0, _utils.getAnalyticsEventSeverity)(duration, browserFreezeTracking.severityNormalThreshold || NORMAL_SEVERITY_THRESHOLD, browserFreezeTracking.severityDegradedThreshold || DEGRADED_SEVERITY_THRESHOLD) : undefined);
             }
           }
         }); // register observer for long task notifications

package/dist/cjs/plugins/base/pm-plugins/inline-cursor-target.js

@@ -7,9 +7,11 @@ exports.isSpecial = exports.inlineCursorTargetStateKey = exports.findSpecialNode
 
 var _prosemirrorView = require("prosemirror-view");
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _utils = require("@atlaskit/editor-common/utils");
 
 var inlineCursorTargetStateKey = new _prosemirrorState.PluginKey('inlineCursorTargetPlugin');
 exports.inlineCursorTargetStateKey = inlineCursorTargetStateKey;
@@ -71,7 +73,7 @@ var findSpecialNodeBefore = function findSpecialNodeBefore($pos, tr) {
 exports.findSpecialNodeBefore = findSpecialNodeBefore;
 
 var _default = function _default() {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: inlineCursorTargetStateKey,
     state: {
       init: function init() {
@@ -109,7 +111,7 @@ var _default = function _default() {
         if (positions && positions.length) {
           var decorations = positions.map(function (position) {
             var node = document.createElement('span');
-            node.appendChild(document.createTextNode(_editorCommon.ZERO_WIDTH_SPACE));
+            node.appendChild(document.createTextNode(_utils.ZERO_WIDTH_SPACE));
             return _prosemirrorView.Decoration.widget(position, node, {
               raw: true,
               side: -1,

package/dist/cjs/plugins/base/pm-plugins/newline-preserve-marks.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.newlinePreserveMarksKey = exports.default = void 0;
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var _prosemirrorKeymap = require("prosemirror-keymap");
@@ -37,7 +39,7 @@ var splitBlockPreservingMarks = function splitBlockPreservingMarks(state, dispat
 };
 
 var _default = function _default() {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: newlinePreserveMarksKey,
     props: {
       handleKeyDown: (0, _prosemirrorKeymap.keydownHandler)({

package/dist/cjs/plugins/base/pm-plugins/react-nodeview.js

@@ -13,6 +13,8 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var ReactNodeViewState = /*#__PURE__*/function () {
@@ -48,7 +50,7 @@ var ReactNodeViewState = /*#__PURE__*/function () {
 exports.ReactNodeViewState = ReactNodeViewState;
 var stateKey = new _prosemirrorState.PluginKey('reactNodeView');
 exports.stateKey = stateKey;
-var plugin = new _prosemirrorState.Plugin({
+var plugin = new _safePlugin.SafePlugin({
   state: {
     init: function init() {
       return new ReactNodeViewState();

package/dist/cjs/plugins/base/pm-plugins/scroll-gutter.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.GUTTER_SIZE_MOBILE_IN_PX = exports.GUTTER_SIZE_IN_PX = exports.GUTTER_SELECTOR = void 0;
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var _utils = require("../../../utils");
 
@@ -182,7 +182,7 @@ var _default = function _default() {
   var gutter = createGutter(gutterSize);
   var scrollElement = null; // | undefined;
 
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     props: {
       // Determines the distance (in pixels) between the cursor and the end of the visible viewport at which point,
       // when scrolling the cursor into view, scrolling takes place.

package/dist/cjs/plugins/block-type/pm-plugins/main.js

@@ -9,13 +9,15 @@ exports.pluginKey = exports.createPlugin = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _utils = require("@atlaskit/editor-common/utils");
 
 var _types = require("../types");
 
-var _utils = require("../../../utils");
+var _utils2 = require("../../../utils");
 
 var _commands = require("../commands");
 
@@ -108,7 +110,7 @@ exports.pluginKey = pluginKey;
 
 var createPlugin = function createPlugin(dispatch, lastNodeMustBeParagraph) {
   var altKeyLocation = 0;
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     appendTransaction: function appendTransaction(_transactions, _oldState, newState) {
       if (lastNodeMustBeParagraph) {
         var pos = newState.doc.resolve(newState.doc.content.size - 1);
@@ -132,7 +134,7 @@ var createPlugin = function createPlugin(dispatch, lastNodeMustBeParagraph) {
 
         return {
           currentBlockType: detectBlockType(availableBlockTypes, state),
-          blockTypesDisabled: (0, _utils.areBlockTypesDisabled)(state),
+          blockTypesDisabled: (0, _utils2.areBlockTypesDisabled)(state),
           availableBlockTypes: availableBlockTypes,
           availableWrapperBlockTypes: availableWrapperBlockTypes
         };
@@ -140,7 +142,7 @@ var createPlugin = function createPlugin(dispatch, lastNodeMustBeParagraph) {
       apply: function apply(_tr, oldPluginState, _oldState, newState) {
         var newPluginState = _objectSpread(_objectSpread({}, oldPluginState), {}, {
           currentBlockType: detectBlockType(oldPluginState.availableBlockTypes, newState),
-          blockTypesDisabled: (0, _utils.areBlockTypesDisabled)(newState)
+          blockTypesDisabled: (0, _utils2.areBlockTypesDisabled)(newState)
         });
 
         if (newPluginState.currentBlockType !== oldPluginState.currentBlockType || newPluginState.blockTypesDisabled !== oldPluginState.blockTypesDisabled) {
@@ -162,9 +164,9 @@ var createPlugin = function createPlugin(dispatch, lastNodeMustBeParagraph) {
         var headingLevel = _consts.HEADING_KEYS.indexOf(event.keyCode);
 
         if (headingLevel > -1 && event.altKey) {
-          if (_editorCommon.browser.mac && event.metaKey) {
+          if (_utils.browser.mac && event.metaKey) {
             return autoformatHeading(headingLevel, view);
-          } else if (!_editorCommon.browser.mac && event.ctrlKey && altKeyLocation !== event.DOM_KEY_LOCATION_RIGHT) {
+          } else if (!_utils.browser.mac && event.ctrlKey && altKeyLocation !== event.DOM_KEY_LOCATION_RIGHT) {
             return autoformatHeading(headingLevel, view);
           }
         } else if (event.key === 'Alt') {

package/dist/cjs/plugins/block-type/styles.js

@@ -11,9 +11,9 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _styledComponents = require("styled-components");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _styles = require("@atlaskit/editor-common/styles");
 
 var _templateObject;
 
-var blocktypeStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    ", ";\n    ", ";\n  }\n"])), _editorCommon.blockquoteSharedStyles, _editorCommon.headingsSharedStyles);
+var blocktypeStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    ", ";\n    ", ";\n  }\n"])), _styles.blockquoteSharedStyles, _styles.headingsSharedStyles);
 exports.blocktypeStyles = blocktypeStyles;

package/dist/cjs/plugins/block-type/ui/ToolbarBlockType/blocktype-button.js

@@ -40,6 +40,8 @@ var BlockTypeButton = function BlockTypeButton(props) {
     onClick: props.onClick,
     title: labelTextStyles,
     "aria-label": labelTextStyles,
+    "aria-haspopup": true,
+    "aria-expanded": props['aria-expanded'],
     iconAfter: /*#__PURE__*/_react.default.createElement(_styles.Wrapper, {
       isSmall: props.isSmall
     }, props.isSmall && /*#__PURE__*/_react.default.createElement(_textStyle.default, {

package/dist/cjs/plugins/block-type/ui/ToolbarBlockType/index.js

@@ -87,6 +87,7 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
             selected: isActive
           }, /*#__PURE__*/_react.default.createElement(Tag, null, formatMessage(blockType.title))),
           value: blockType,
+          label: formatMessage(blockType.title),
           key: "".concat(blockType.name, "-").concat(index),
           elemAfter: /*#__PURE__*/_react.default.createElement(_styled.KeyboardShortcut, {
             selected: isActive
@@ -156,7 +157,8 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
           scrollableElement: popupsScrollableElement,
           zIndex: _editorSharedStyles.akEditorMenuZIndex,
           fitHeight: 360,
-          fitWidth: 106
+          fitWidth: 106,
+          shouldUseDefaultRole: true
         }, /*#__PURE__*/_react.default.createElement(_blocktypeButton.BlockTypeButton, {
           isSmall: isSmall,
           isReducedSpacing: isReducedSpacing,
@@ -164,7 +166,8 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
           disabled: false,
           title: blockTypeTitles[0],
           onClick: this.handleTriggerClick,
-          formatMessage: formatMessage
+          formatMessage: formatMessage,
+          "aria-expanded": active
         }, longestDropdownMenuItem)), /*#__PURE__*/_react.default.createElement(_styles.Separator, null));
       }
 
@@ -175,7 +178,8 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
         disabled: true,
         title: blockTypeTitles[0],
         onClick: this.handleTriggerClick,
-        formatMessage: formatMessage
+        formatMessage: formatMessage,
+        "aria-expanded": active
       }, longestDropdownMenuItem), /*#__PURE__*/_react.default.createElement(_styles.Separator, null));
     }
   }]);