@atlaskit/editor-core 154.0.0 → 155.0.0

package/dist/cjs/plugins/feature-flags-context/plugin-key.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pluginKey = void 0;
+
+var _prosemirrorState = require("prosemirror-state");
+
+var pluginKey = new _prosemirrorState.PluginKey('featureFlagsContextPlugin');
+exports.pluginKey = pluginKey;

package/dist/cjs/plugins/find-replace/plugin.js

@@ -11,7 +11,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var _prosemirrorView = require("prosemirror-view");
 
@@ -150,7 +150,7 @@ exports.getPluginState = getPluginState;
 exports.createCommand = createCommand;
 
 var createPlugin = function createPlugin(dispatch) {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: _types.findReplacePluginKey,
     state: createPluginState(dispatch, function () {
       return initialState;

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

@@ -97,6 +97,18 @@ var Find = /*#__PURE__*/function (_React$Component) {
     _this = _super.call(this, props);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "findTextfieldRef", /*#__PURE__*/_react.default.createRef());
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isComposing", false);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "syncFindText", function () {
+      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 || '');
+      }
+    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "skipWhileComposing", function (fn) {
       if (_this.isComposing) {
         return;
@@ -198,7 +210,7 @@ var Find = /*#__PURE__*/function (_React$Component) {
     // occur to this value which do not originate from this component.
 
     _this.state = {
-      localFindText: _this.props.findText || ''
+      localFindText: ''
     };
     return _this;
   }
@@ -208,21 +220,13 @@ var Find = /*#__PURE__*/function (_React$Component) {
     value: function componentDidMount() {
       this.props.onFindTextfieldRefSet(this.findTextfieldRef);
       this.focusFindTextfield();
+      this.syncFindText();
     }
   }, {
     key: "componentDidUpdate",
     value: function 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();
     }
   }, {
     key: "render",

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

@@ -11,6 +11,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireDefault(require("react"));
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var _prosemirrorUtils = require("prosemirror-utils");
@@ -347,7 +349,7 @@ function floatingToolbarPluginFactory(options) {
     return newPluginState;
   };
 
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: pluginKey,
     state: {
       init: function init() {

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

@@ -5,14 +5,14 @@ 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 _pluginFactory = require("./plugin-factory");
 
 var createPlugin = function createPlugin(dispatch) {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     state: (0, _pluginFactory.createPluginState)(dispatch, {}),
     key: _pluginKey.pluginKey
   });

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

@@ -46,7 +46,8 @@ var _default = function _default(_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 ? _styles.iconOnlySpacing : {};
@@ -86,7 +87,12 @@ var _default = function _default(_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/cjs/plugins/floating-toolbar/ui/DropdownMenu.js

@@ -37,6 +37,10 @@ var _done = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/done"));
 
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 
+var _reactIntlNext = require("react-intl-next");
+
+var _messages = _interopRequireDefault(require("./messages"));
+
 var _templateObject, _templateObject2;
 
 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); }
@@ -96,7 +100,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.default.createElement(_styledComponents.ThemeProvider, {
         theme: (0, _defineProperty2.default)({}, _item.itemThemeNamespace, editorItemTheme)
       }, /*#__PURE__*/_react.default.createElement(MenuContainer, null, items.filter(function (item) {
@@ -105,7 +110,7 @@ var Dropdown = /*#__PURE__*/function (_Component) {
         var itemContent = /*#__PURE__*/_react.default.createElement(_item.default, {
           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
@@ -132,14 +137,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.default.createElement(_done.default, {
           primaryColor: _colors.B400,
           size: "small",
-          label: "test question"
+          label: intl.formatMessage(_messages.default.confirmModalOK)
         }) : /*#__PURE__*/_react.default.createElement(Spacer, null);
       }
 
@@ -149,4 +154,6 @@ var Dropdown = /*#__PURE__*/function (_Component) {
   return Dropdown;
 }(_react.Component);
 
-exports.default = Dropdown;
+var _default = (0, _reactIntlNext.injectIntl)(Dropdown);
+
+exports.default = _default;

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

@@ -57,6 +57,10 @@ var _EmojiPickerButton = require("./EmojiPickerButton");
 
 var _announcer = _interopRequireDefault(require("../../../utils/announcer/announcer"));
 
+var _reactIntlNext = require("react-intl-next");
+
+var _messages = _interopRequireDefault(require("./messages"));
+
 var _templateObject;
 
 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); }
@@ -180,7 +184,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;
@@ -189,11 +194,11 @@ var Toolbar = /*#__PURE__*/function (_Component) {
 
       var firstElementIsSelect = items[0].type === 'select';
       return /*#__PURE__*/_react.default.createElement(ToolbarContainer, {
-        "aria-label": "Floating Toolbar",
+        "aria-label": intl.formatMessage(_messages.default.floatingToolbarAriaLabel),
         hasCompactLeftPadding: firstElementIsSelect,
         className: className
       }, /*#__PURE__*/_react.default.createElement(_announcer.default, {
-        text: "Floating toolbar controls have been opened",
+        text: intl.formatMessage(_messages.default.floatingToolbarAnnouncer),
         delay: 250
       }), /*#__PURE__*/_react.default.createElement(_buttonGroup.default, null, items.filter(function (item) {
         return !item.hidden;
@@ -238,7 +243,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':
@@ -362,4 +368,6 @@ var Toolbar = /*#__PURE__*/function (_Component) {
   return Toolbar;
 }(_react.Component);
 
-exports.default = Toolbar;
+var _default = (0, _reactIntlNext.injectIntl)(Toolbar);
+
+exports.default = _default;

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

@@ -22,6 +22,16 @@ var _default = (0, _reactIntlNext.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/cjs/plugins/fragment/index.js

@@ -8,14 +8,14 @@ exports.default = void 0;
 
 var _adfSchema = require("@atlaskit/adf-schema");
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var _pluginKey = require("./plugin-key");
 
 var _fragmentConsistency = require("./pm-plugins/fragment-consistency");
 
 function createPlugin() {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: _pluginKey.pluginKey
   });
 }

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

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createPlugin = void 0;
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var _adfSchema = require("@atlaskit/adf-schema");
@@ -97,7 +99,7 @@ var regenerateFragmentIdIfNeeded = function regenerateFragmentIdIfNeeded(_ref) {
 
 
 var createPlugin = function createPlugin(dispatch) {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: pluginKey,
     appendTransaction: function appendTransaction(transactions, _oldState, newState) {
       var modified = false;

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

@@ -16,7 +16,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _prosemirrorKeymap = require("prosemirror-keymap");
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var keymaps = _interopRequireWildcard(require("../../keymaps"));
 
@@ -45,7 +45,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) { (0, _defineProperty2.default)(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; }
 
 function createPlugin(dispatch, imageEnabled) {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: _pluginKey.pluginKey,
     state: {
       init: function init() {

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

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

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

@@ -9,6 +9,8 @@ exports.historyPluginKey = exports.default = void 0;
 
 var _pluginStateFactory = require("../../utils/plugin-state-factory");
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var _reducer = _interopRequireDefault(require("./reducer"));
@@ -39,7 +41,7 @@ var _pluginFactory = (0, _pluginStateFactory.pluginFactory)(historyPluginKey, _r
     getPluginState = _pluginFactory.getPluginState;
 
 var createPlugin = function createPlugin(dispatch) {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     state: createPluginState(dispatch, getInitialState),
     key: historyPluginKey,
     appendTransaction: function appendTransaction(transactions, oldState, newState) {

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

@@ -99,7 +99,8 @@ var getToolbarConfig = function getToolbarConfig(state, intl, providerFactory, c
           });
           var link = linkMark[0] && linkMark[0].attrs.href;
           var isValidUrl = (0, _adfSchema.isSafeUrl)(link);
-          var labelOpenLink = formatMessage(isValidUrl ? _messages.linkMessages.openLink : _messages.linkToolbarMessages.unableToOpenLink);
+          var labelOpenLink = formatMessage(isValidUrl ? _messages.linkMessages.openLink : _messages.linkToolbarMessages.unableToOpenLink); // TODO: ED-14403 investigate why these are not translating?
+
           var labelUnlink = formatMessage(_messages.linkToolbarMessages.unlink);
           var editLink = formatMessage(_messages.linkToolbarMessages.editLink);
           var metadata = {
@@ -150,7 +151,8 @@ var getToolbarConfig = function getToolbarConfig(state, intl, providerFactory, c
               title: labelOpenLink,
               icon: _shortcut.default,
               className: 'hyperlink-open-link',
-              metadata: metadata
+              metadata: metadata,
+              tabIndex: null
             }, {
               type: 'separator'
             }, {
@@ -159,7 +161,8 @@ var getToolbarConfig = function getToolbarConfig(state, intl, providerFactory, c
               onClick: (0, _commands.removeLink)(pos),
               selected: false,
               title: labelUnlink,
-              icon: _unlink.default
+              icon: _unlink.default,
+              tabIndex: null
             }]
           });
         }

package/dist/cjs/plugins/hyperlink/pm-plugins/fake-cursor-for-toolbar.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 _prosemirrorView = require("prosemirror-view");
 
@@ -39,7 +39,7 @@ var getInsertLinkToolbarState = function getInsertLinkToolbarState(editorState)
   return undefined;
 };
 
-var fakeCursorToolbarPlugin = new _prosemirrorState.Plugin({
+var fakeCursorToolbarPlugin = new _safePlugin.SafePlugin({
   key: _fakeCurorForToolbarPluginKey.fakeCursorForToolbarPluginKey,
   state: {
     init: function init() {

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

@@ -9,6 +9,8 @@ exports.stateKey = exports.plugin = exports.canLinkBeCreatedInRange = exports.Li
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var _uuid = _interopRequireDefault(require("uuid"));
@@ -243,7 +245,7 @@ var stateKey = new _prosemirrorState.PluginKey('hyperlinkPlugin');
 exports.stateKey = stateKey;
 
 var plugin = function plugin(dispatch) {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     state: {
       init: function init(_, state) {
         var canInsertLink = canLinkBeCreatedInRange(state.selection.from, state.selection.to)(state);
@@ -254,7 +256,7 @@ 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;
@@ -285,7 +287,9 @@ 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),
@@ -303,8 +307,48 @@ 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(_prosemirrorState.TextSelection.create(state.doc, $anchor.pos, newPosition.pos));
+            view.dispatch(tr);
+            return true;
+          }
+
+          return false;
+        }
+      }
+    }
   });
 };
 
-exports.plugin = plugin;
+exports.plugin = plugin;
+
+function isLinkDirectTarget(event) {
+  return (event === null || event === void 0 ? void 0 : event.target) instanceof HTMLElement && event.target.tagName === 'A';
+}

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

@@ -129,6 +129,11 @@ var messages = (0, _reactIntlNext.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'
   }
 });
 exports.messages = messages;
@@ -1012,7 +1017,7 @@ 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/cjs/plugins/hyperlink/ui/HyperlinkAddToolbar/messages.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.utilMessages = void 0;
+
+var _reactIntlNext = require("react-intl-next");
+
+var utilMessages = (0, _reactIntlNext.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'
+  }
+});
+exports.utilMessages = utilMessages;

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

@@ -23,25 +23,65 @@ var _5 = _interopRequireDefault(require("@atlaskit/icon-object/glyph/page/16"));
 
 var _6 = _interopRequireDefault(require("@atlaskit/icon-object/glyph/blog/16"));
 
+var _reactIntlNext = require("react-intl-next");
+
+var _messages = require("./messages");
+
+var Issue16 = function Issue16(props) {
+  var intl = props.intl;
+  return /*#__PURE__*/_react.default.createElement(_.default, {
+    label: intl.formatMessage(_messages.utilMessages.hyperlinkIconIssueLabel)
+  });
+};
+
+var Bug16 = function Bug16(props) {
+  var intl = props.intl;
+  return /*#__PURE__*/_react.default.createElement(_2.default, {
+    label: intl.formatMessage(_messages.utilMessages.hyperlinkIconBugLabel)
+  });
+};
+
+var Story16 = function Story16(props) {
+  var intl = props.intl;
+  return /*#__PURE__*/_react.default.createElement(_3.default, {
+    label: intl.formatMessage(_messages.utilMessages.hyperlinkIconStoryLabel)
+  });
+};
+
+var Task16 = function Task16(props) {
+  var intl = props.intl;
+  return /*#__PURE__*/_react.default.createElement(_4.default, {
+    label: intl.formatMessage(_messages.utilMessages.hyperlinkIconTaskLabel)
+  });
+};
+
+var Page16 = function Page16(props) {
+  var intl = props.intl;
+  return /*#__PURE__*/_react.default.createElement(_5.default, {
+    label: intl.formatMessage(_messages.utilMessages.hyperlinkIconPageLabel)
+  });
+};
+
+var Blog16 = function Blog16(props) {
+  var intl = props.intl;
+  return /*#__PURE__*/_react.default.createElement(_6.default, {
+    label: intl.formatMessage(_messages.utilMessages.hyperlinkIconBlogLabel)
+  });
+};
+
+var IntlIssue16Icon = (0, _reactIntlNext.injectIntl)(Issue16);
+var IntlBug16Icon = (0, _reactIntlNext.injectIntl)(Bug16);
+var IntlStory16Icon = (0, _reactIntlNext.injectIntl)(Story16);
+var IntlTask16Icon = (0, _reactIntlNext.injectIntl)(Task16);
+var IntlPage16Icon = (0, _reactIntlNext.injectIntl)(Page16);
+var IntlBlog16Icon = (0, _reactIntlNext.injectIntl)(Blog16);
 var mapContentTypeToIcon = {
-  'jira.issue': /*#__PURE__*/_react.default.createElement(_.default, {
-    label: "Issue"
-  }),
-  'jira.issue.bug': /*#__PURE__*/_react.default.createElement(_2.default, {
-    label: "Bug"
-  }),
-  'jira.issue.story': /*#__PURE__*/_react.default.createElement(_3.default, {
-    label: "Story"
-  }),
-  'jira.issue.task': /*#__PURE__*/_react.default.createElement(_4.default, {
-    label: "Task"
-  }),
-  'confluence.page': /*#__PURE__*/_react.default.createElement(_5.default, {
-    label: "Page"
-  }),
-  'confluence.blogpost': /*#__PURE__*/_react.default.createElement(_6.default, {
-    label: "Blog"
-  })
+  'jira.issue': /*#__PURE__*/_react.default.createElement(IntlIssue16Icon, null),
+  'jira.issue.bug': /*#__PURE__*/_react.default.createElement(IntlBug16Icon, null),
+  'jira.issue.story': /*#__PURE__*/_react.default.createElement(IntlStory16Icon, null),
+  'jira.issue.task': /*#__PURE__*/_react.default.createElement(IntlTask16Icon, null),
+  'confluence.page': /*#__PURE__*/_react.default.createElement(IntlPage16Icon, null),
+  'confluence.blogpost': /*#__PURE__*/_react.default.createElement(IntlBlog16Icon, null)
 };
 exports.mapContentTypeToIcon = mapContentTypeToIcon;
 

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

@@ -104,6 +104,10 @@ 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;