@atlaskit/editor-core 154.0.0 → 155.0.0

package/dist/esm/plugins/floating-toolbar/pm-plugins/toolbar-data/plugin.js

@@ -1,8 +1,8 @@
-import { Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { pluginKey } from './plugin-key';
 import { createPluginState } from './plugin-factory';
 export var createPlugin = function createPlugin(dispatch) {
-  return new Plugin({
+  return new SafePlugin({
     state: createPluginState(dispatch, {}),
     key: pluginKey
   });

package/dist/esm/plugins/floating-toolbar/ui/Button.js

@@ -31,7 +31,8 @@ export default (function (_ref) {
       testId = _ref.testId,
       _ref$hideTooltipOnCli = _ref.hideTooltipOnClick,
       hideTooltipOnClick = _ref$hideTooltipOnCli === void 0 ? true : _ref$hideTooltipOnCli,
-      ariaHasPopup = _ref.ariaHasPopup;
+      ariaHasPopup = _ref.ariaHasPopup,
+      tabIndex = _ref.tabIndex;
   // Check if there's only an icon and add additional styles
   var iconOnly = (icon || iconAfter) && !children;
   var customSpacing = iconOnly ? iconOnlySpacing : {};
@@ -71,6 +72,11 @@ export default (function (_ref) {
     isDisabled: disabled,
     testId: testId,
     onFocus: onFocus,
-    onBlur: onBlur
+    onBlur: onBlur // @ts-ignore
+    // tabIndex set as 0 by default in the design system  ButtonBase component
+    // this is not expected for all buttons, we have to use tabIndex={null} for some cases
+    // should be fixed here https://a11y-internal.atlassian.net/browse/DST-287
+    ,
+    tabIndex: tabIndex
   }, children)));
 });

package/dist/esm/plugins/floating-toolbar/ui/DropdownMenu.js

@@ -21,6 +21,8 @@ import { B400 } from '@atlaskit/theme/colors'; // eslint-disable-next-line @atla
 import Item, { itemThemeNamespace } from '@atlaskit/item';
 import EditorDoneIcon from '@atlaskit/icon/glyph/editor/done';
 import Tooltip from '@atlaskit/tooltip';
+import { injectIntl } from 'react-intl-next';
+import messages from './messages';
 export var menuItemDimensions = {
   width: 175,
   height: 32
@@ -66,7 +68,8 @@ var Dropdown = /*#__PURE__*/function (_Component) {
       var _this$props = this.props,
           hide = _this$props.hide,
           dispatchCommand = _this$props.dispatchCommand,
-          items = _this$props.items;
+          items = _this$props.items,
+          intl = _this$props.intl;
       return /*#__PURE__*/React.createElement(ThemeProvider, {
         theme: _defineProperty({}, itemThemeNamespace, editorItemTheme)
       }, /*#__PURE__*/React.createElement(MenuContainer, null, items.filter(function (item) {
@@ -75,7 +78,7 @@ var Dropdown = /*#__PURE__*/function (_Component) {
         var itemContent = /*#__PURE__*/React.createElement(Item, {
           key: idx,
           isCompact: true,
-          elemBefore: _this.renderSelected(item),
+          elemBefore: _this.renderSelected(item, intl),
           onClick: function onClick() {
             /**
              * The order of dispatching the event and hide() is important, because
@@ -102,14 +105,14 @@ var Dropdown = /*#__PURE__*/function (_Component) {
     }
   }, {
     key: "renderSelected",
-    value: function renderSelected(item) {
+    value: function renderSelected(item, intl) {
       var selected = item.selected;
 
       if (selected !== undefined) {
         return selected ? /*#__PURE__*/React.createElement(EditorDoneIcon, {
           primaryColor: B400,
           size: "small",
-          label: "test question"
+          label: intl.formatMessage(messages.confirmModalOK)
         }) : /*#__PURE__*/React.createElement(Spacer, null);
       }
 
@@ -120,4 +123,4 @@ var Dropdown = /*#__PURE__*/function (_Component) {
   return Dropdown;
 }(Component);
 
-export { Dropdown as default };
+export default injectIntl(Dropdown);

package/dist/esm/plugins/floating-toolbar/ui/Toolbar.js

@@ -30,6 +30,8 @@ import { ExtensionsPlaceholder } from './ExtensionsPlaceholder';
 import ColorPickerButton from '../../../ui/ColorPickerButton';
 import { EmojiPickerButton } from './EmojiPickerButton';
 import Announcer from '../../../utils/announcer/announcer';
+import { injectIntl } from 'react-intl-next';
+import messages from './messages';
 var akGridSize = gridSize();
 var ToolbarContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: ", ";\n  border-radius: ", "px;\n  box-shadow: 0 0 1px rgba(9, 30, 66, 0.31),\n    0 4px 8px -2px rgba(9, 30, 66, 0.25);\n  padding: ", "px ", "px;\n  display: flex;\n  line-height: 1;\n  box-sizing: border-box;\n  ", ";\n  & > div {\n    align-items: center;\n  }\n"])), themed({
   light: 'white',
@@ -138,7 +140,8 @@ var Toolbar = /*#__PURE__*/function (_Component) {
           editorView = _this$props.editorView,
           node = _this$props.node,
           extensionsProvider = _this$props.extensionsProvider,
-          providerFactory = _this$props.providerFactory;
+          providerFactory = _this$props.providerFactory,
+          intl = _this$props.intl;
 
       if (!items || !items.length) {
         return null;
@@ -147,11 +150,11 @@ var Toolbar = /*#__PURE__*/function (_Component) {
 
       var firstElementIsSelect = items[0].type === 'select';
       return /*#__PURE__*/React.createElement(ToolbarContainer, {
-        "aria-label": "Floating Toolbar",
+        "aria-label": intl.formatMessage(messages.floatingToolbarAriaLabel),
         hasCompactLeftPadding: firstElementIsSelect,
         className: className
       }, /*#__PURE__*/React.createElement(Announcer, {
-        text: "Floating toolbar controls have been opened",
+        text: intl.formatMessage(messages.floatingToolbarAnnouncer),
         delay: 250
       }), /*#__PURE__*/React.createElement(ButtonGroup, null, items.filter(function (item) {
         return !item.hidden;
@@ -196,7 +199,8 @@ var Toolbar = /*#__PURE__*/function (_Component) {
               tooltipContent: item.tooltipContent,
               testId: item.testId,
               hideTooltipOnClick: item.hideTooltipOnClick,
-              ariaHasPopup: item.ariaHasPopup
+              ariaHasPopup: item.ariaHasPopup,
+              tabIndex: item.tabIndex
             }, item.showTitle && item.title);
 
           case 'input':
@@ -321,4 +325,4 @@ var Toolbar = /*#__PURE__*/function (_Component) {
   return Toolbar;
 }(Component);
 
-export { Toolbar as default };
+export default injectIntl(Toolbar);

package/dist/esm/plugins/floating-toolbar/ui/messages.js

@@ -14,5 +14,15 @@ export default defineMessages({
     id: 'fabric.editor.floatingToolbar.confirmModalCancel',
     defaultMessage: 'Cancel',
     description: 'Cancel button for floating toolbar confirmation modal.'
+  },
+  floatingToolbarAriaLabel: {
+    id: 'fabric.editor.floatingToolbar.floatingToolbarAriaLabel',
+    defaultMessage: 'Floating Toolbar',
+    description: "a floating toolbar's aria label"
+  },
+  floatingToolbarAnnouncer: {
+    id: 'fabric.editor.floatingToolbar.floatingToolbarAnnouncer',
+    defaultMessage: 'Floating toolbar controls have been opened',
+    description: "message that will be announced to screenreaders that the floating toolbar is opened"
   }
 });

package/dist/esm/plugins/fragment/index.js

@@ -1,9 +1,9 @@
 import { fragment } from '@atlaskit/adf-schema';
-import { Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { pluginKey } from './plugin-key';
 import { createPlugin as createFragmentMarkConsistencyPlugin } from './pm-plugins/fragment-consistency';
 export function createPlugin() {
-  return new Plugin({
+  return new SafePlugin({
     key: pluginKey
   });
 }

package/dist/esm/plugins/fragment/pm-plugins/fragment-consistency.js

@@ -7,7 +7,8 @@
  * The implementation has been _heavily_ borrowed from
  * - packages/editor/editor-core/src/plugins/table/pm-plugins/table-local-id.ts
  */
-import { Plugin, PluginKey } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from 'prosemirror-state';
 import { uuid } from '@atlaskit/adf-schema';
 import { stepAddsOneOf } from '../../../utils/step';
 var pluginKey = new PluginKey('fragmentMarkConsistencyPlugin');
@@ -87,7 +88,7 @@ var regenerateFragmentIdIfNeeded = function regenerateFragmentIdIfNeeded(_ref) {
 
 
 export var createPlugin = function createPlugin(dispatch) {
-  return new Plugin({
+  return new SafePlugin({
     key: pluginKey,
     appendTransaction: function appendTransaction(transactions, _oldState, newState) {
       var modified = false;

package/dist/esm/plugins/help-dialog/index.js

@@ -6,7 +6,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import React from 'react';
 import { keymap } from 'prosemirror-keymap';
-import { Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import * as keymaps from '../../keymaps';
 import { openHelp, tooltip } from '../../keymaps';
 import WithPluginState from '../../ui/WithPluginState';
@@ -18,7 +18,7 @@ import { messages } from '../insert-block/ui/ToolbarInsertBlock/messages';
 import { openHelpCommand } from './commands';
 import { pluginKey } from './plugin-key';
 export function createPlugin(dispatch, imageEnabled) {
-  return new Plugin({
+  return new SafePlugin({
     key: pluginKey,
     state: {
       init: function init() {

package/dist/esm/plugins/help-dialog/ui/index.js

@@ -449,7 +449,8 @@ var HelpDialog = /*#__PURE__*/function (_React$Component) {
       this.formatting = getSupportedFormatting(editorView.state.schema, intl, imageEnabled, quickInsertEnabled);
       return /*#__PURE__*/React.createElement(ModalTransition, null, this.props.isVisible ? /*#__PURE__*/React.createElement(AkModalDialog, {
         width: "large",
-        onClose: this.closeDialog
+        onClose: this.closeDialog,
+        testId: "help-modal-dialog"
       }, /*#__PURE__*/React.createElement(ModalHeader, null), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(ContentWrapper, null, /*#__PURE__*/React.createElement(Line, null), /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement(ColumnLeft, null, /*#__PURE__*/React.createElement(Title, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.keyboardShortcuts)), /*#__PURE__*/React.createElement("div", null, this.formatting.filter(function (form) {
         var keymap = form.keymap && form.keymap(_this2.props);
         return keymap && keymap[browser.mac ? 'mac' : 'windows'];

package/dist/esm/plugins/history/index.js

@@ -1,5 +1,6 @@
 import { pluginFactory } from '../../utils/plugin-state-factory';
-import { Plugin, PluginKey } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from 'prosemirror-state';
 import reducer from './reducer';
 import { HistoryActionTypes } from './actions';
 import { getPmHistoryPluginState } from './utils';
@@ -25,7 +26,7 @@ var _pluginFactory = pluginFactory(historyPluginKey, reducer),
     getPluginState = _pluginFactory.getPluginState;
 
 var createPlugin = function createPlugin(dispatch) {
-  return new Plugin({
+  return new SafePlugin({
     state: createPluginState(dispatch, getInitialState),
     key: historyPluginKey,
     appendTransaction: function appendTransaction(transactions, oldState, newState) {

package/dist/esm/plugins/hyperlink/Toolbar.js

@@ -77,7 +77,8 @@ export var getToolbarConfig = function getToolbarConfig(state, intl, providerFac
           });
           var link = linkMark[0] && linkMark[0].attrs.href;
           var isValidUrl = isSafeUrl(link);
-          var labelOpenLink = formatMessage(isValidUrl ? linkMessages.openLink : linkToolbarCommonMessages.unableToOpenLink);
+          var labelOpenLink = formatMessage(isValidUrl ? linkMessages.openLink : linkToolbarCommonMessages.unableToOpenLink); // TODO: ED-14403 investigate why these are not translating?
+
           var labelUnlink = formatMessage(linkToolbarCommonMessages.unlink);
           var editLink = formatMessage(linkToolbarCommonMessages.editLink);
           var metadata = {
@@ -128,7 +129,8 @@ export var getToolbarConfig = function getToolbarConfig(state, intl, providerFac
               title: labelOpenLink,
               icon: OpenIcon,
               className: 'hyperlink-open-link',
-              metadata: metadata
+              metadata: metadata,
+              tabIndex: null
             }, {
               type: 'separator'
             }, {
@@ -137,7 +139,8 @@ export var getToolbarConfig = function getToolbarConfig(state, intl, providerFac
               onClick: removeLink(pos),
               selected: false,
               title: labelUnlink,
-              icon: UnlinkIcon
+              icon: UnlinkIcon,
+              tabIndex: null
             }]
           });
         }

package/dist/esm/plugins/hyperlink/pm-plugins/fake-cursor-for-toolbar.js

@@ -1,4 +1,4 @@
-import { Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { DecorationSet, Decoration } from 'prosemirror-view';
 import { fakeCursorForToolbarPluginKey } from './fake-curor-for-toolbar-plugin-key';
 import { InsertStatus, stateKey as hyperlinkStateKey } from './main';
@@ -29,7 +29,7 @@ var getInsertLinkToolbarState = function getInsertLinkToolbarState(editorState)
   return undefined;
 };
 
-var fakeCursorToolbarPlugin = new Plugin({
+var fakeCursorToolbarPlugin = new SafePlugin({
   key: fakeCursorForToolbarPluginKey,
   state: {
     init: function init() {

package/dist/esm/plugins/hyperlink/pm-plugins/main.js

@@ -4,7 +4,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import { Plugin, PluginKey, TextSelection } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey, TextSelection } from 'prosemirror-state';
 import uuid from 'uuid';
 import { shallowEqual } from '../../../utils';
 export var LinkAction;
@@ -225,7 +226,7 @@ var getActiveText = function getActiveText(selection) {
 
 export var stateKey = new PluginKey('hyperlinkPlugin');
 export var plugin = function plugin(dispatch) {
-  return new Plugin({
+  return new SafePlugin({
     state: {
       init: function init(_, state) {
         var canInsertLink = canLinkBeCreatedInRange(state.selection.from, state.selection.to)(state);
@@ -236,7 +237,7 @@ export var plugin = function plugin(dispatch) {
           activeLinkMark: toState(undefined, LinkAction.SELECTION_CHANGE, state)
         };
       },
-      apply: function apply(tr, pluginState, _oldState, newState) {
+      apply: function apply(tr, pluginState, oldState, newState) {
         var state = pluginState;
         var action = tr.getMeta(stateKey) && tr.getMeta(stateKey).type;
         var inputMethod = tr.getMeta(stateKey) && tr.getMeta(stateKey).inputMethod;
@@ -267,7 +268,9 @@ export var plugin = function plugin(dispatch) {
           }, stateForAnalytics);
         }
 
-        if (tr.selectionSet) {
+        var hasPositionChanged = oldState.selection.from !== newState.selection.from || oldState.selection.to !== newState.selection.to;
+
+        if (tr.selectionSet && hasPositionChanged) {
           state = {
             activeText: getActiveText(newState.selection),
             canInsertLink: canLinkBeCreatedInRange(newState.selection.from, newState.selection.to)(newState),
@@ -285,6 +288,46 @@ export var plugin = function plugin(dispatch) {
         return state;
       }
     },
-    key: stateKey
+    key: stateKey,
+    props: {
+      handleDOMEvents: {
+        mouseup: function mouseup(_, event) {
+          // this prevents redundant selection transaction when clicking on link
+          // link state will be update on slection change which happens on mousedown
+          if (isLinkDirectTarget(event)) {
+            event.preventDefault();
+            return true;
+          }
+
+          return false;
+        },
+        mousedown: function mousedown(view, event) {
+          // since link clicks are disallowed by browsers inside contenteditable
+          // so we need to handle shift+click selection ourselves in this case
+          if (!event.shiftKey || !isLinkDirectTarget(event)) {
+            return false;
+          }
+
+          var state = view.state;
+          var $anchor = state.selection.$anchor;
+          var newPosition = view.posAtCoords({
+            left: event.clientX,
+            top: event.clientY
+          });
+
+          if ((newPosition === null || newPosition === void 0 ? void 0 : newPosition.pos) != null && newPosition.pos !== $anchor.pos) {
+            var tr = state.tr.setSelection(TextSelection.create(state.doc, $anchor.pos, newPosition.pos));
+            view.dispatch(tr);
+            return true;
+          }
+
+          return false;
+        }
+      }
+    }
   });
-};
+};
+
+function isLinkDirectTarget(event) {
+  return (event === null || event === void 0 ? void 0 : event.target) instanceof HTMLElement && event.target.tagName === 'A';
+}

package/dist/esm/plugins/hyperlink/styles.js

@@ -2,6 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 
 var _templateObject, _templateObject2, _templateObject3;
 
+/* eslint-disable @atlaskit/design-system/use-visually-hidden */
 import styled, { css } from 'styled-components';
 import { linkSharedStyle } from '@atlaskit/editor-common/styles';
 export var linkStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror {\n    ", "\n  }\n"])), linkSharedStyle);

package/dist/esm/plugins/hyperlink/ui/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -73,6 +73,11 @@ export var messages = defineMessages({
     id: 'fabric.editor.hyperlink.searchLinkResults',
     defaultMessage: '{count, plural, =0 {no results} one {# result} other {# results}} found',
     description: 'Announce search results for screen-reader users.'
+  },
+  linkAriaLabel: {
+    id: 'fabric.editor.hyperlink.linkAriaLabel',
+    defaultMessage: 'Link label',
+    description: 'aria label for a link'
   }
 });
 var defaultIcon = /*#__PURE__*/React.createElement(Page16Icon, {
@@ -979,7 +984,7 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
           return _this2.displayTextInputContainer = ele;
         },
         placeholder: formatDisplayText,
-        ariaLabel: 'Link label',
+        ariaLabel: formatMessage(messages.linkAriaLabel),
         testId: 'link-label',
         onChange: this.updateTextInput,
         onCancel: this.handleCancel,

package/dist/esm/plugins/hyperlink/ui/HyperlinkAddToolbar/messages.js

@@ -0,0 +1,33 @@
+import { defineMessages } from 'react-intl-next';
+export var utilMessages = defineMessages({
+  hyperlinkIconIssueLabel: {
+    id: 'fabric.editor.headingLink.hyperlinkIconIssueLabel',
+    defaultMessage: 'Issue',
+    description: 'icon label for a jira issue'
+  },
+  hyperlinkIconBugLabel: {
+    id: 'fabric.editor.headingLink.hyperlinkIconBugLabel',
+    defaultMessage: 'Bug',
+    description: 'icon label for a jira bug'
+  },
+  hyperlinkIconStoryLabel: {
+    id: 'fabric.editor.headingLink.hyperlinkIconStoryLabel',
+    defaultMessage: 'Story',
+    description: 'icon label for a jira story'
+  },
+  hyperlinkIconTaskLabel: {
+    id: 'fabric.editor.headingLink.hyperlinkIconTaskLabel',
+    defaultMessage: 'Task',
+    description: 'icon label for a jira task'
+  },
+  hyperlinkIconPageLabel: {
+    id: 'fabric.editor.headingLink.hyperlinkIconPageLabel',
+    defaultMessage: 'Page',
+    description: 'icon label for a confluence page'
+  },
+  hyperlinkIconBlogLabel: {
+    id: 'fabric.editor.headingLink.hyperlinkIconBlogLabel',
+    defaultMessage: 'Blog',
+    description: 'icon label for a confluence blog'
+  }
+});

package/dist/esm/plugins/hyperlink/ui/HyperlinkAddToolbar/utils.js

@@ -6,25 +6,64 @@ import Story16Icon from '@atlaskit/icon-object/glyph/story/16';
 import Task16Icon from '@atlaskit/icon-object/glyph/task/16';
 import Page16Icon from '@atlaskit/icon-object/glyph/page/16';
 import Blog16Icon from '@atlaskit/icon-object/glyph/blog/16';
+import { injectIntl } from 'react-intl-next';
+import { utilMessages } from './messages';
+
+var Issue16 = function Issue16(props) {
+  var intl = props.intl;
+  return /*#__PURE__*/React.createElement(Issue16Icon, {
+    label: intl.formatMessage(utilMessages.hyperlinkIconIssueLabel)
+  });
+};
+
+var Bug16 = function Bug16(props) {
+  var intl = props.intl;
+  return /*#__PURE__*/React.createElement(Bug16Icon, {
+    label: intl.formatMessage(utilMessages.hyperlinkIconBugLabel)
+  });
+};
+
+var Story16 = function Story16(props) {
+  var intl = props.intl;
+  return /*#__PURE__*/React.createElement(Story16Icon, {
+    label: intl.formatMessage(utilMessages.hyperlinkIconStoryLabel)
+  });
+};
+
+var Task16 = function Task16(props) {
+  var intl = props.intl;
+  return /*#__PURE__*/React.createElement(Task16Icon, {
+    label: intl.formatMessage(utilMessages.hyperlinkIconTaskLabel)
+  });
+};
+
+var Page16 = function Page16(props) {
+  var intl = props.intl;
+  return /*#__PURE__*/React.createElement(Page16Icon, {
+    label: intl.formatMessage(utilMessages.hyperlinkIconPageLabel)
+  });
+};
+
+var Blog16 = function Blog16(props) {
+  var intl = props.intl;
+  return /*#__PURE__*/React.createElement(Blog16Icon, {
+    label: intl.formatMessage(utilMessages.hyperlinkIconBlogLabel)
+  });
+};
+
+var IntlIssue16Icon = injectIntl(Issue16);
+var IntlBug16Icon = injectIntl(Bug16);
+var IntlStory16Icon = injectIntl(Story16);
+var IntlTask16Icon = injectIntl(Task16);
+var IntlPage16Icon = injectIntl(Page16);
+var IntlBlog16Icon = injectIntl(Blog16);
 export var mapContentTypeToIcon = {
-  'jira.issue': /*#__PURE__*/React.createElement(Issue16Icon, {
-    label: "Issue"
-  }),
-  'jira.issue.bug': /*#__PURE__*/React.createElement(Bug16Icon, {
-    label: "Bug"
-  }),
-  'jira.issue.story': /*#__PURE__*/React.createElement(Story16Icon, {
-    label: "Story"
-  }),
-  'jira.issue.task': /*#__PURE__*/React.createElement(Task16Icon, {
-    label: "Task"
-  }),
-  'confluence.page': /*#__PURE__*/React.createElement(Page16Icon, {
-    label: "Page"
-  }),
-  'confluence.blogpost': /*#__PURE__*/React.createElement(Blog16Icon, {
-    label: "Blog"
-  })
+  'jira.issue': /*#__PURE__*/React.createElement(IntlIssue16Icon, null),
+  'jira.issue.bug': /*#__PURE__*/React.createElement(IntlBug16Icon, null),
+  'jira.issue.story': /*#__PURE__*/React.createElement(IntlStory16Icon, null),
+  'jira.issue.task': /*#__PURE__*/React.createElement(IntlTask16Icon, null),
+  'confluence.page': /*#__PURE__*/React.createElement(IntlPage16Icon, null),
+  'confluence.blogpost': /*#__PURE__*/React.createElement(IntlBlog16Icon, null)
 };
 export var sha1 = function sha1(input) {
   return Rusha.createHash().update(input).digest('hex');

package/dist/esm/plugins/hyperlink/utils.js

@@ -86,6 +86,10 @@ export function linkifyContent(schema) {
       var isAllowedInParent = !parent || parent.type !== schema.nodes.codeBlock;
       var link = node.type.schema.marks.link;
 
+      if (link === undefined) {
+        throw new Error('Link not in schema - unable to linkify content');
+      }
+
       if (isAllowedInParent && node.isText && !link.isInSet(node.marks)) {
         var linkified = [];
         var text = node.text;

package/dist/esm/plugins/image-upload/pm-plugins/main.js

@@ -6,7 +6,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import { Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { isPastedFile } from '../../../utils/clipboard';
 import { isDroppedFile } from '../../../utils/drag-drop';
 import { canInsertMedia, isMediaSelected } from '../utils';
@@ -42,7 +42,7 @@ export var createPlugin = function createPlugin(_ref) {
   var dispatch = _ref.dispatch,
       providerFactory = _ref.providerFactory;
   var uploadHandler;
-  return new Plugin({
+  return new SafePlugin({
     state: {
       init: function init(_config, state) {
         return {

package/dist/esm/plugins/jira-issue/index.js

@@ -1,4 +1,5 @@
-import { Plugin, PluginKey } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from 'prosemirror-state';
 import { confluenceJiraIssue } from '@atlaskit/adf-schema';
 import { ReactNodeView } from '../../nodeviews';
 import ReactJIRAIssueNode from './nodeviews/jira-issue';
@@ -7,7 +8,7 @@ export var pluginKey = new PluginKey('jiraIssuePlugin');
 var createPlugin = function createPlugin(_ref) {
   var portalProviderAPI = _ref.portalProviderAPI,
       eventDispatcher = _ref.eventDispatcher;
-  return new Plugin({
+  return new SafePlugin({
     key: pluginKey,
     props: {
       nodeViews: {

package/dist/esm/plugins/layout/pm-plugins/main.js

@@ -4,7 +4,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import { Plugin, TextSelection, Selection } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { TextSelection, Selection } from 'prosemirror-state';
 import { Decoration, DecorationSet } from 'prosemirror-view';
 import { keydownHandler } from 'prosemirror-keymap';
 import { findParentNodeOfType, findSelectedNodeOfType } from 'prosemirror-utils';
@@ -70,7 +71,7 @@ var getInitialPluginState = function getInitialPluginState(options, state) {
 };
 
 export default (function (options) {
-  return new Plugin({
+  return new SafePlugin({
     key: pluginKey,
     state: {
       init: function init(_, state) {

package/dist/esm/plugins/layout/toolbar.js

@@ -53,7 +53,8 @@ var buildLayoutButton = function buildLayoutButton(intl, item, currentLayout) {
     testId: item.title.id,
     title: intl.formatMessage(item.title),
     onClick: setPresetLayout(item.type),
-    selected: !!currentLayout && currentLayout === item.type
+    selected: !!currentLayout && currentLayout === item.type,
+    tabIndex: null
   };
 };
 
@@ -78,7 +79,8 @@ export var buildToolbar = function buildToolbar(state, intl, pos, _allowBreakout
       onMouseEnter: hoverDecoration(nodeType, true),
       onMouseLeave: hoverDecoration(nodeType, false),
       onFocus: hoverDecoration(nodeType, true),
-      onBlur: hoverDecoration(nodeType, false)
+      onBlur: hoverDecoration(nodeType, false),
+      tabIndex: null
     };
     var layoutTypes = allowSingleColumnLayout ? LAYOUT_TYPES_WITH_SINGLE_COL : LAYOUT_TYPES;
     return {

package/dist/esm/plugins/list/commands/indent-list.js

@@ -4,15 +4,13 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import { findParentNodeOfType } from 'prosemirror-utils';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, addAnalytics } from '../../analytics';
 import { hasValidListIndentationLevel } from '../utils/indentation';
 import { indentListItemsSelected as indentListAction } from '../actions/indent-list-items-selected';
 import { isBulletList } from '../utils/node';
 import { findFirstParentListNode } from '../utils/find';
 import { MAX_NESTED_LIST_INDENTATION } from '../types';
-import { isInsideListItem } from '../utils/selection';
-import { getListItemAttributes } from '../utils/selection';
+import { isInsideListItem, isInsideTableCell, getListItemAttributes } from '../utils/selection';
 import { getCommonListAnalyticsAttributes } from '../utils/analytics';
 export function indentList() {
   var inputMethod = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : INPUT_METHOD.KEYBOARD;
@@ -24,15 +22,11 @@ export function indentList() {
       return false;
     }
 
-    var _state$schema$nodes = state.schema.nodes,
-        tableCell = _state$schema$nodes.tableCell,
-        tableHeader = _state$schema$nodes.tableHeader;
-    var cell = findParentNodeOfType([tableCell, tableHeader])(state.selection);
     var firstListItemSelectedAttributes = getListItemAttributes($from);
     var parentListNode = findFirstParentListNode($from);
 
     if (!parentListNode || firstListItemSelectedAttributes && firstListItemSelectedAttributes.indentLevel === 0 && firstListItemSelectedAttributes.itemIndex === 0) {
-      if (cell) {
+      if (isInsideTableCell(state)) {
         // dont consume tab, as table-keymap should move cursor to next cell
         return false;
       } else {

package/dist/esm/plugins/list/commands/index.js

@@ -100,7 +100,7 @@ export function toggleList(inputMethod, listType) {
       var toNode = selection.$to.node(selection.$to.depth - 2);
       var transformedFrom = listInsideSelection.type.name === 'bulletList' ? ACTION_SUBJECT_ID.FORMAT_LIST_BULLET : ACTION_SUBJECT_ID.FORMAT_LIST_NUMBER;
 
-      if (fromNode.type.name === listType && toNode.type.name === listType) {
+      if ((fromNode === null || fromNode === void 0 ? void 0 : fromNode.type.name) === listType && (toNode === null || toNode === void 0 ? void 0 : toNode.type.name) === listType) {
         var tr = state.tr;
         untoggleSelectedList(tr);
         addAnalytics(state, tr, {