@atlaskit/editor-core 154.0.0 → 155.0.0

package/dist/es2019/plugins/find-replace/ui/Find.js

@@ -58,6 +58,19 @@ class Find extends React.Component {
 
     _defineProperty(this, "isComposing", false);
 
+    _defineProperty(this, "syncFindText", () => {
+      var _this$state;
+
+      // If the external prop findText changes and we aren't in a composition we should update to
+      // use the external prop value.
+      //
+      // An example of where this may happen is when a find occurs through the user selecting some text
+      // and pressing Mod-f.
+      if (!this.isComposing && this.props.findText !== ((_this$state = this.state) === null || _this$state === void 0 ? void 0 : _this$state.localFindText)) {
+        this.updateFindValue(this.props.findText || '');
+      }
+    });
+
     _defineProperty(this, "skipWhileComposing", fn => {
       if (this.isComposing) {
         return;
@@ -166,27 +179,19 @@ class Find extends React.Component {
     // occur to this value which do not originate from this component.
 
     this.state = {
-      localFindText: this.props.findText || ''
+      localFindText: ''
     };
   }
 
   componentDidMount() {
     this.props.onFindTextfieldRefSet(this.findTextfieldRef);
     this.focusFindTextfield();
+    this.syncFindText();
   }
 
   componentDidUpdate() {
-    this.focusFindTextfield(); // If the external prop findText changes and we aren't in a composition we should update to the
-    // use the external prop value.
-    //
-    // An example of where this may happen is when a find occurs through the user selecting some text
-    // and pressing Mod-f.
-
-    if (!this.isComposing && this.props.findText !== this.state.localFindText) {
-      this.setState({
-        localFindText: this.props.findText || ''
-      });
-    }
+    this.focusFindTextfield();
+    this.syncFindText();
   }
 
   render() {

package/dist/es2019/plugins/floating-toolbar/index.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import { Plugin, PluginKey, AllSelection } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey, AllSelection } from 'prosemirror-state';
 import { findDomRefAtPos, findSelectedNodeOfType } from 'prosemirror-utils';
 import camelCase from 'lodash/camelCase';
 import { Popup } from '@atlaskit/editor-common/ui'; // AFP-2532 TODO: Fix automatic suppressions below
@@ -308,7 +309,7 @@ function floatingToolbarPluginFactory(options) {
     return newPluginState;
   };
 
-  return new Plugin({
+  return new SafePlugin({
     key: pluginKey,
     state: {
       init: () => {

package/dist/es2019/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 const createPlugin = dispatch => {
-  return new Plugin({
+  return new SafePlugin({
     state: createPluginState(dispatch, {}),
     key: pluginKey
   });

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

@@ -21,7 +21,8 @@ export default (({
   tooltipContent,
   testId,
   hideTooltipOnClick = true,
-  ariaHasPopup
+  ariaHasPopup,
+  tabIndex
 }) => {
   // Check if there's only an icon and add additional styles
   const iconOnly = (icon || iconAfter) && !children;
@@ -66,6 +67,11 @@ export default (({
     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/es2019/plugins/floating-toolbar/ui/DropdownMenu.js

@@ -7,6 +7,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 const menuItemDimensions = {
   width: 175,
   height: 32
@@ -38,12 +40,14 @@ const editorItemTheme = {
     compact: menuItemDimensions.height
   }
 };
-export default class Dropdown extends Component {
+
+class Dropdown extends Component {
   render() {
     const {
       hide,
       dispatchCommand,
-      items
+      items,
+      intl
     } = this.props;
     return /*#__PURE__*/React.createElement(ThemeProvider, {
       theme: {
@@ -53,7 +57,7 @@ export default class Dropdown extends Component {
       const itemContent = /*#__PURE__*/React.createElement(Item, {
         key: idx,
         isCompact: true,
-        elemBefore: this.renderSelected(item),
+        elemBefore: this.renderSelected(item, intl),
         onClick: () => {
           /**
            * The order of dispatching the event and hide() is important, because
@@ -79,7 +83,7 @@ export default class Dropdown extends Component {
     })));
   }
 
-  renderSelected(item) {
+  renderSelected(item, intl) {
     const {
       selected
     } = item;
@@ -88,11 +92,13 @@ export default class Dropdown extends Component {
       return selected ? /*#__PURE__*/React.createElement(EditorDoneIcon, {
         primaryColor: B400,
         size: "small",
-        label: "test question"
+        label: intl.formatMessage(messages.confirmModalOK)
       }) : /*#__PURE__*/React.createElement(Spacer, null);
     }
 
     return;
   }
 
-}
+}
+
+export default injectIntl(Dropdown);

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

@@ -17,6 +17,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';
 const akGridSize = gridSize();
 const ToolbarContainer = styled.div`
   background-color: ${themed({
@@ -97,7 +99,8 @@ export const areSameItems = (leftArr, rightArr) => {
 
   return leftArr.every((item, index) => isSameItem(rightArr[index], item));
 };
-export default class Toolbar extends Component {
+
+class Toolbar extends Component {
   render() {
     const {
       items,
@@ -110,7 +113,8 @@ export default class Toolbar extends Component {
       editorView,
       node,
       extensionsProvider,
-      providerFactory
+      providerFactory,
+      intl
     } = this.props;
 
     if (!items || !items.length) {
@@ -120,11 +124,11 @@ export default class Toolbar extends Component {
 
     const 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(item => !item.hidden).map((item, idx) => {
       switch (item.type) {
@@ -159,7 +163,8 @@ export default class Toolbar extends 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':
@@ -272,4 +277,6 @@ export default class Toolbar extends Component {
     return this.props.node.type !== nextProps.node.type || this.props.node.attrs.localId !== nextProps.node.attrs.localId || !areSameItems(this.props.items, nextProps.items);
   }
 
-}
+}
+
+export default injectIntl(Toolbar);

package/dist/es2019/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/es2019/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/es2019/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';
 const pluginKey = new PluginKey('fragmentMarkConsistencyPlugin');
@@ -82,7 +83,7 @@ const regenerateFragmentIdIfNeeded = ({
  */
 
 
-export const createPlugin = dispatch => new Plugin({
+export const createPlugin = dispatch => new SafePlugin({
   key: pluginKey,
   appendTransaction: (transactions, _oldState, newState) => {
     let modified = false;

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

@@ -1,6 +1,6 @@
 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';
@@ -12,7 +12,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() {

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

@@ -320,7 +320,8 @@ class HelpDialog extends 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(form => {
       const keymap = form.keymap && form.keymap(this.props);
       return keymap && keymap[browser.mac ? 'mac' : 'windows'];

package/dist/es2019/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';
@@ -23,7 +24,7 @@ const {
   getPluginState
 } = pluginFactory(historyPluginKey, reducer);
 
-const createPlugin = dispatch => new Plugin({
+const createPlugin = dispatch => new SafePlugin({
   state: createPluginState(dispatch, getInitialState),
   key: historyPluginKey,
   appendTransaction: (transactions, oldState, newState) => {

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

@@ -69,7 +69,8 @@ export const getToolbarConfig = (state, intl, providerFactory, cardOptions) => {
           const linkMark = node.marks.filter(mark => mark.type === state.schema.marks.link);
           const link = linkMark[0] && linkMark[0].attrs.href;
           const isValidUrl = isSafeUrl(link);
-          const labelOpenLink = formatMessage(isValidUrl ? linkMessages.openLink : linkToolbarCommonMessages.unableToOpenLink);
+          const labelOpenLink = formatMessage(isValidUrl ? linkMessages.openLink : linkToolbarCommonMessages.unableToOpenLink); // TODO: ED-14403 investigate why these are not translating?
+
           const labelUnlink = formatMessage(linkToolbarCommonMessages.unlink);
           const editLink = formatMessage(linkToolbarCommonMessages.editLink);
           let metadata = {
@@ -120,7 +121,8 @@ export const getToolbarConfig = (state, intl, providerFactory, cardOptions) => {
               title: labelOpenLink,
               icon: OpenIcon,
               className: 'hyperlink-open-link',
-              metadata: metadata
+              metadata: metadata,
+              tabIndex: null
             }, {
               type: 'separator'
             }, {
@@ -129,7 +131,8 @@ export const getToolbarConfig = (state, intl, providerFactory, cardOptions) => {
               onClick: removeLink(pos),
               selected: false,
               title: labelUnlink,
-              icon: UnlinkIcon
+              icon: UnlinkIcon,
+              tabIndex: null
             }]
           };
         }

package/dist/es2019/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';
@@ -27,7 +27,7 @@ const getInsertLinkToolbarState = editorState => {
   return undefined;
 };
 
-const fakeCursorToolbarPlugin = new Plugin({
+const fakeCursorToolbarPlugin = new SafePlugin({
   key: fakeCursorForToolbarPluginKey,
   state: {
     init() {

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

@@ -1,4 +1,5 @@
-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 let LinkAction;
@@ -218,7 +219,7 @@ const getActiveText = selection => {
 };
 
 export const stateKey = new PluginKey('hyperlinkPlugin');
-export const plugin = dispatch => new Plugin({
+export const plugin = dispatch => new SafePlugin({
   state: {
     init(_, state) {
       const canInsertLink = canLinkBeCreatedInRange(state.selection.from, state.selection.to)(state);
@@ -230,7 +231,7 @@ export const plugin = dispatch => new Plugin({
       };
     },
 
-    apply(tr, pluginState, _oldState, newState) {
+    apply(tr, pluginState, oldState, newState) {
       let state = pluginState;
       const action = tr.getMeta(stateKey) && tr.getMeta(stateKey).type;
       const inputMethod = tr.getMeta(stateKey) && tr.getMeta(stateKey).inputMethod;
@@ -262,7 +263,9 @@ export const plugin = dispatch => new Plugin({
         };
       }
 
-      if (tr.selectionSet) {
+      const 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),
@@ -281,5 +284,51 @@ export const plugin = dispatch => new Plugin({
     }
 
   },
-  key: stateKey
-});
+  key: stateKey,
+  props: {
+    handleDOMEvents: {
+      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: (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;
+        }
+
+        const {
+          state
+        } = view;
+        const {
+          selection: {
+            $anchor
+          }
+        } = state;
+        const newPosition = view.posAtCoords({
+          left: event.clientX,
+          top: event.clientY
+        });
+
+        if ((newPosition === null || newPosition === void 0 ? void 0 : newPosition.pos) != null && newPosition.pos !== $anchor.pos) {
+          const 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/es2019/plugins/hyperlink/styles.js

@@ -1,3 +1,4 @@
+/* eslint-disable @atlaskit/design-system/use-visually-hidden */
 import styled, { css } from 'styled-components';
 import { linkSharedStyle } from '@atlaskit/editor-common/styles';
 export const linkStyles = css`

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

@@ -70,6 +70,11 @@ export const 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'
   }
 });
 const defaultIcon = /*#__PURE__*/React.createElement(Page16Icon, {
@@ -768,7 +773,7 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
     }))), /*#__PURE__*/React.createElement(PanelTextInput, {
       ref: ele => this.displayTextInputContainer = ele,
       placeholder: formatDisplayText,
-      ariaLabel: 'Link label',
+      ariaLabel: formatMessage(messages.linkAriaLabel),
       testId: 'link-label',
       onChange: this.updateTextInput,
       onCancel: this.handleCancel,

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

@@ -0,0 +1,33 @@
+import { defineMessages } from 'react-intl-next';
+export const 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/es2019/plugins/hyperlink/ui/HyperlinkAddToolbar/utils.js

@@ -6,25 +6,76 @@ 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';
+
+const Issue16 = props => {
+  const {
+    intl
+  } = props;
+  return /*#__PURE__*/React.createElement(Issue16Icon, {
+    label: intl.formatMessage(utilMessages.hyperlinkIconIssueLabel)
+  });
+};
+
+const Bug16 = props => {
+  const {
+    intl
+  } = props;
+  return /*#__PURE__*/React.createElement(Bug16Icon, {
+    label: intl.formatMessage(utilMessages.hyperlinkIconBugLabel)
+  });
+};
+
+const Story16 = props => {
+  const {
+    intl
+  } = props;
+  return /*#__PURE__*/React.createElement(Story16Icon, {
+    label: intl.formatMessage(utilMessages.hyperlinkIconStoryLabel)
+  });
+};
+
+const Task16 = props => {
+  const {
+    intl
+  } = props;
+  return /*#__PURE__*/React.createElement(Task16Icon, {
+    label: intl.formatMessage(utilMessages.hyperlinkIconTaskLabel)
+  });
+};
+
+const Page16 = props => {
+  const {
+    intl
+  } = props;
+  return /*#__PURE__*/React.createElement(Page16Icon, {
+    label: intl.formatMessage(utilMessages.hyperlinkIconPageLabel)
+  });
+};
+
+const Blog16 = props => {
+  const {
+    intl
+  } = props;
+  return /*#__PURE__*/React.createElement(Blog16Icon, {
+    label: intl.formatMessage(utilMessages.hyperlinkIconBlogLabel)
+  });
+};
+
+const IntlIssue16Icon = injectIntl(Issue16);
+const IntlBug16Icon = injectIntl(Bug16);
+const IntlStory16Icon = injectIntl(Story16);
+const IntlTask16Icon = injectIntl(Task16);
+const IntlPage16Icon = injectIntl(Page16);
+const IntlBlog16Icon = injectIntl(Blog16);
 export const 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 const sha1 = input => {
   return Rusha.createHash().update(input).digest('hex');

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

@@ -67,6 +67,10 @@ export function linkifyContent(schema) {
     const isAllowedInParent = !parent || parent.type !== schema.nodes.codeBlock;
     const 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)) {
       const linkified = [];
       const text = node.text;

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

@@ -1,4 +1,4 @@
-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';
@@ -33,7 +33,7 @@ export const createPlugin = ({
   providerFactory
 }) => {
   let uploadHandler;
-  return new Plugin({
+  return new SafePlugin({
     state: {
       init(_config, state) {
         return {

package/dist/es2019/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';
@@ -8,7 +9,7 @@ const createPlugin = ({
   portalProviderAPI,
   eventDispatcher
 }) => {
-  return new Plugin({
+  return new SafePlugin({
     key: pluginKey,
     props: {
       nodeViews: {