@atlaskit/editor-core 172.0.4 → 172.1.1

package/dist/esm/create-editor/ReactEditorView.js

@@ -46,6 +46,7 @@ import { TransactionTracker } from '../utils/performance/track-transactions';
 import { EVENT_NAME_DISPATCH_TRANSACTION, EVENT_NAME_STATE_APPLY, EVENT_NAME_UPDATE_STATE, EVENT_NAME_VIEW_STATE_UPDATED, EVENT_NAME_ON_CHANGE } from '../utils/performance/track-transactions';
 import { PROSEMIRROR_RENDERED_NORMAL_SEVERITY_THRESHOLD, PROSEMIRROR_RENDERED_DEGRADED_SEVERITY_THRESHOLD, DEFAULT_SAMPLING_RATE_VALID_TRANSACTIONS } from './consts';
 import { getContextIdentifier } from '../plugins/base/pm-plugins/context-identifier';
+import ReactEditorViewContext from './ReactEditorViewContext';
 
 function handleEditorFocus(view) {
   if (view.hasFocus()) {
@@ -90,6 +91,8 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
 
     _this = _super.call(this, _props, context);
 
+    _defineProperty(_assertThisInitialized(_this), "editorRef", /*#__PURE__*/React.createRef());
+
     _defineProperty(_assertThisInitialized(_this), "canDispatchTransactions", true);
 
     _defineProperty(_assertThisInitialized(_this), "onPluginObservation", function (report, editorState) {
@@ -820,7 +823,12 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
       var renderTracking = (_this$props$editorPro9 = this.props.editorProps.performanceTracking) === null || _this$props$editorPro9 === void 0 ? void 0 : (_this$props$editorPro10 = _this$props$editorPro9.renderTracking) === null || _this$props$editorPro10 === void 0 ? void 0 : _this$props$editorPro10.reactEditorView;
       var renderTrackingEnabled = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.enabled;
       var useShallow = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.useShallow;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, renderTrackingEnabled && /*#__PURE__*/React.createElement(RenderTracking, {
+      return /*#__PURE__*/React.createElement(ReactEditorViewContext.Provider, {
+        value: {
+          editorRef: this.editorRef,
+          editorView: this.view
+        }
+      }, renderTrackingEnabled && /*#__PURE__*/React.createElement(RenderTracking, {
         componentProps: this.props,
         action: ACTION.RE_RENDERED,
         actionSubject: ACTION_SUBJECT.REACT_EDITOR_VIEW,
@@ -832,7 +840,8 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
         config: this.config,
         eventDispatcher: this.eventDispatcher,
         transformer: this.contentTransformer,
-        dispatchAnalyticsEvent: this.dispatchAnalyticsEvent
+        dispatchAnalyticsEvent: this.dispatchAnalyticsEvent,
+        editorRef: this.editorRef
       }) : this.editor);
     }
   }]);

package/dist/esm/create-editor/ReactEditorViewContext.js

@@ -0,0 +1,3 @@
+import React from 'react';
+var ReactEditorViewContext = /*#__PURE__*/React.createContext({});
+export default ReactEditorViewContext;

package/dist/esm/create-editor/create-plugins-list.js

@@ -99,7 +99,8 @@ export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEve
     cardOptions: cardOptions,
     hyperlinkOptions: {
       linkPicker: (_props$linking2 = props.linking) === null || _props$linking2 === void 0 ? void 0 : _props$linking2.linkPicker,
-      cardOptions: cardOptions
+      cardOptions: cardOptions,
+      platform: isMobile ? 'mobile' : 'web'
     },
     codeBlock: _objectSpread(_objectSpread({}, props.codeBlock), {}, {
       useLongPressSelection: false,

package/dist/esm/editor.js

@@ -401,6 +401,10 @@ var Editor = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "deprecationWarnings",
     value: function deprecationWarnings(props) {
+      if (process.env.NODE_ENV === 'production') {
+        return;
+      }
+
       var nextVersion = nextMajorVersion();
       var deprecatedProperties = {
         allowTasksAndDecisions: {
@@ -570,10 +574,12 @@ var Editor = /*#__PURE__*/function (_React$Component) {
                       view = _ref3.view,
                       eventDispatcher = _ref3.eventDispatcher,
                       config = _ref3.config,
-                      dispatchAnalyticsEvent = _ref3.dispatchAnalyticsEvent;
+                      dispatchAnalyticsEvent = _ref3.dispatchAnalyticsEvent,
+                      editorRef = _ref3.editorRef;
                   return jsx(BaseTheme, {
                     baseFontSize: _this5.getBaseFontSize()
                   }, jsx(Component, {
+                    innerRef: editorRef,
                     appearance: _this5.props.appearance,
                     disabled: _this5.props.disabled,
                     editorActions: _this5.editorActions,

package/dist/esm/labs/next/mobile.js

@@ -7,14 +7,16 @@ import { useCreateAnalyticsHandler } from './internal/hooks/use-analytics';
 import { ContextAdapter } from '../../nodeviews/context-adapter';
 export function MobileEditor(props) {
   var maxHeight = props.maxHeight,
-      createAnalyticsEvent = props.createAnalyticsEvent;
+      createAnalyticsEvent = props.createAnalyticsEvent,
+      disabled = props.disabled;
   var handleAnalyticsEvent = useCreateAnalyticsHandler(createAnalyticsEvent);
   var renderWithConfig = useCallback(function (config) {
     return /*#__PURE__*/React.createElement(MobileAppearance, {
       editorView: config && config.editorView,
-      maxHeight: maxHeight
+      maxHeight: maxHeight,
+      editorDisabled: disabled
     }, /*#__PURE__*/React.createElement(EditorContent, null));
-  }, [maxHeight]);
+  }, [maxHeight, disabled]);
   return /*#__PURE__*/React.createElement(ContextAdapter, null, /*#__PURE__*/React.createElement(Editor, _extends({}, props, {
     onAnalyticsEvent: handleAnalyticsEvent
   }), /*#__PURE__*/React.createElement(EditorSharedConfigConsumer, null, renderWithConfig)));

package/dist/esm/messages.js

@@ -51,6 +51,11 @@ export var linkToolbarMessages = defineMessages({
     id: 'fabric.editor.emptyLink',
     defaultMessage: 'Please enter a link.',
     description: 'Please enter a link.'
+  },
+  settingsLink: {
+    id: 'fabric.editor.settingsLinks',
+    defaultMessage: 'Go to Link Preferences',
+    description: 'Go to Link Preferences'
   }
 });
 export default defineMessages({

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

@@ -309,6 +309,7 @@ export var ACTION_SUBJECT_ID;
   ACTION_SUBJECT_ID["EDIT_LINK"] = "editLink";
   ACTION_SUBJECT_ID["UNLINK"] = "unlink";
   ACTION_SUBJECT_ID["OPEN_LINK"] = "openLink";
+  ACTION_SUBJECT_ID["GOTO_SMART_LINK_SETTINGS"] = "goToSmartLinkSettings";
   ACTION_SUBJECT_ID["EMBEDS"] = "embeds";
   ACTION_SUBJECT_ID["HYPERLINK"] = "hyperlink";
 })(ACTION_SUBJECT_ID || (ACTION_SUBJECT_ID = {}));

package/dist/esm/plugins/block-type/ui/ToolbarBlockType/styled.js

@@ -10,7 +10,7 @@ import { shortcutStyle } from '../../../../ui/styles';
 import { token } from '@atlaskit/tokens';
 export var blockTypeMenuItemStyle = function blockTypeMenuItemStyle(tagName, selected) {
   // TEMP FIX: See https://product-fabric.atlassian.net/browse/ED-13878
-  var selectedStyle = selected ? "".concat(tagName, " { color: ").concat(token('color.text.inverse', 'white'), " !important; }") : '';
+  var selectedStyle = selected ? "".concat(tagName, " { color: ").concat(token('color.text', 'white'), " !important; }") : '';
   return function (themeProps) {
     return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    ", ";\n    > {\n      h1,\n      h2,\n      h3,\n      h4,\n      h5,\n      h6 {\n        margin-top: 0;\n      }\n    }\n    ", ";\n  "])), headingsSharedStyles(themeProps), selectedStyle);
   };

package/dist/esm/plugins/card/nodeviews/inlineCard.js

@@ -58,6 +58,14 @@ export var InlineCardComponent = /*#__PURE__*/function (_React$PureComponent) {
       })();
     });
 
+    _defineProperty(_assertThisInitialized(_this), "onError", function (data) {
+      var url = data.url;
+
+      _this.onResolve({
+        url: url
+      });
+    });
+
     return _this;
   }
 
@@ -88,6 +96,7 @@ export var InlineCardComponent = /*#__PURE__*/function (_React$PureComponent) {
         onClick: this.onClick,
         container: this.scrollContainer,
         onResolve: this.onResolve,
+        onError: this.onError,
         inlinePreloaderStyle: useAlternativePreloader ? 'on-right-without-skeleton' : undefined
       })); // [WS-2307]: we only render card wrapped into a Provider when the value is ready,
       // otherwise if we got data, we can render the card directly since it doesn't need the Provider

package/dist/esm/plugins/card/pm-plugins/doc.js

@@ -6,7 +6,6 @@ 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 { NodeSelection } from 'prosemirror-state';
-import { Fragment, Slice } from 'prosemirror-model';
 import { closeHistory } from 'prosemirror-history';
 import { pluginKey } from './plugin-key';
 import { queueCards, resolveCard } from './actions';
@@ -20,23 +19,11 @@ import { SMART_LINK_TYPE } from '../../../plugins/analytics/types/node-events';
 import { getLinkCreationAnalyticsEvent } from '../../../plugins/hyperlink/analytics';
 import { unlinkPayload } from '../../../utils/linking-utils';
 import { getFeatureFlags } from '../../feature-flags-context';
-export function insertCard(tr, cardAdf, schema) {
-  var inlineCard = schema.nodes.inlineCard; // ED-5638: add an extra space after inline cards to avoid re-rendering them
-
-  var nodes = [cardAdf];
-
-  if (cardAdf.type === inlineCard) {
-    nodes.push(schema.text(' '));
-  }
-
-  return tr.replaceSelection(new Slice(Fragment.fromArray(nodes), 0, 0));
-}
 /**
  * Attempt to replace the link into the respective card.
  */
 
 function replaceLinksToCards(tr, cardAdf, schema, request) {
-  var inlineCard = schema.nodes.inlineCard;
   var url = request.url;
 
   if (!isSafeUrl(url)) {
@@ -56,15 +43,9 @@ function replaceLinksToCards(tr, cardAdf, schema, request) {
 
   if (!replaceLink) {
     return;
-  } // ED-5638: add an extra space after inline cards to avoid re-rendering them
-
-
-  var nodes = [cardAdf];
-
-  if (cardAdf.type === inlineCard) {
-    nodes.push(schema.text(' '));
   }
 
+  var nodes = [cardAdf];
   tr.replaceWith(pos, pos + (node.text || url).length, nodes);
   return $pos.node($pos.depth - 1).type.name;
 }

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

@@ -1,5 +1,5 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
 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; }
 
@@ -10,6 +10,7 @@ import { NodeSelection } from 'prosemirror-state';
 import { removeSelectedNode, findDomRefAtPos } from 'prosemirror-utils';
 import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
 import UnlinkIcon from '@atlaskit/icon/glyph/editor/unlink';
+import CogIcon from '@atlaskit/icon/glyph/editor/settings';
 import OpenIcon from '@atlaskit/icon/glyph/shortcut';
 import { ACTION, ACTION_SUBJECT, INPUT_METHOD, EVENT_TYPE, addAnalytics } from '../analytics';
 import { linkToolbarMessages, linkMessages } from '../../messages';
@@ -24,9 +25,10 @@ import { isSafeUrl } from '@atlaskit/adf-schema';
 import { LinkToolbarAppearance } from './ui/LinkToolbarAppearance';
 import { messages } from './messages';
 import buildLayoutButtons from '../../ui/MediaAndEmbedsToolbar';
-import { buildVisitedLinkPayload } from '../../utils/linking-utils';
+import { buildOpenedSettingsPayload, buildVisitedLinkPayload } from '../../utils/linking-utils';
 import { FLOATING_TOOLBAR_LINKPICKER_CLASSNAME } from './styles';
 import { getCopyButtonConfig, showCopyButton } from '../copy-button/toolbar';
+import { getFeatureFlags } from '../feature-flags-context';
 export var removeCard = function removeCard(state, dispatch) {
   if (!(state.selection instanceof NodeSelection)) {
     return false;
@@ -70,6 +72,69 @@ export var visitCardLink = function visitCardLink(state, dispatch) {
 
   return true;
 };
+export var openLinkSettings = function openLinkSettings(state, dispatch) {
+  if (!(state.selection instanceof NodeSelection)) {
+    return false;
+  }
+
+  window.open('https://id.atlassian.com/manage-profile/link-preferences');
+
+  if (dispatch) {
+    var type = state.selection.node.type;
+    dispatch(addAnalytics(state, state.tr, buildOpenedSettingsPayload(type.name)));
+  }
+
+  return true;
+};
+export var floatingToolbar = function floatingToolbar(cardOptions, platform, linkPickerOptions) {
+  return function (state, intl, providerFactory) {
+    var _state$schema$nodes = state.schema.nodes,
+        inlineCard = _state$schema$nodes.inlineCard,
+        blockCard = _state$schema$nodes.blockCard,
+        embedCard = _state$schema$nodes.embedCard;
+    var nodeType = [inlineCard, blockCard, embedCard];
+    var pluginState = pluginKey.getState(state);
+
+    if (!(state.selection instanceof NodeSelection)) {
+      return;
+    }
+
+    var selectedNode = state.selection.node;
+
+    if (!selectedNode) {
+      return;
+    }
+
+    var isEmbedCard = appearanceForNodeType(selectedNode.type) === 'embed';
+    /* add an offset to embeds due to extra padding */
+
+    var toolbarOffset = isEmbedCard ? {
+      offset: [0, 24]
+    } : {}; // Applies padding override for when link picker is currently displayed
+
+    var className = pluginState.showLinkingToolbar ? FLOATING_TOOLBAR_LINKPICKER_CLASSNAME : undefined;
+    return _objectSpread(_objectSpread({
+      title: intl.formatMessage(messages.card),
+      className: className,
+      nodeType: nodeType
+    }, toolbarOffset), {}, {
+      getDomRef: function getDomRef(view) {
+        var element = findDomRefAtPos(view.state.selection.from, view.domAtPos.bind(view));
+
+        if (!element) {
+          return undefined;
+        }
+
+        if (isEmbedCard) {
+          return element.querySelector(".".concat(richMediaClassName));
+        }
+
+        return element;
+      },
+      items: generateToolbarItems(state, intl, providerFactory, cardOptions, platform, linkPickerOptions)
+    }, pluginState.showLinkingToolbar ? editLinkToolbarConfig : {});
+  };
+};
 
 var unlinkCard = function unlinkCard(node, state) {
   var displayInfo = displayInfoForCard(node, findCardInfo(state));
@@ -88,41 +153,6 @@ var buildAlignmentOptions = function buildAlignmentOptions(state, intl) {
   return buildLayoutButtons(state, intl, state.schema.nodes.embedCard, true, true);
 };
 
-var generateDeleteButton = function generateDeleteButton(node, state, intl) {
-  var inlineCard = state.schema.nodes.inlineCard;
-  var removeButton = {
-    id: 'editor.link.delete',
-    type: 'button',
-    appearance: 'danger',
-    icon: RemoveIcon,
-    onMouseEnter: hoverDecoration(node.type, true),
-    onMouseLeave: hoverDecoration(node.type, false),
-    onFocus: hoverDecoration(node.type, true),
-    onBlur: hoverDecoration(node.type, false),
-    title: intl.formatMessage(commonMessages.remove),
-    onClick: removeCard
-  };
-
-  var copyButton = _toConsumableArray(state && showCopyButton(state) ? [getCopyButtonConfig(state, intl.formatMessage, node.type), {
-    type: 'separator'
-  }] : []);
-
-  if (node.type === inlineCard) {
-    var unlinkButtonWithSeparator = [{
-      id: 'editor.link.unlink',
-      type: 'button',
-      title: intl.formatMessage(linkToolbarMessages.unlink),
-      icon: UnlinkIcon,
-      onClick: unlinkCard(node, state)
-    }, {
-      type: 'separator'
-    }];
-    return [].concat(unlinkButtonWithSeparator, _toConsumableArray(copyButton), [removeButton]);
-  }
-
-  return [].concat(_toConsumableArray(copyButton), [removeButton]);
-};
-
 var generateToolbarItems = function generateToolbarItems(state, intl, providerFactory, cardOptions, platform, linkPicker) {
   return function (node) {
     var _titleUrlPairFromNode2 = titleUrlPairFromNode(node),
@@ -153,6 +183,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
         node: node
       })];
     } else {
+      var inlineCard = state.schema.nodes.inlineCard;
       var toolbarItems = [{
         id: 'editor.link.edit',
         type: 'button',
@@ -174,7 +205,18 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
         onClick: visitCardLink
       }, {
         type: 'separator'
-      }].concat(_toConsumableArray(generateDeleteButton(node, state, intl)));
+      }].concat(_toConsumableArray(getUnlinkButtonGroup(state, intl, node, inlineCard)), _toConsumableArray(getCopyButtonGroup(state, intl, node)), _toConsumableArray(getSettingsButtonGroup(state, intl)), [{
+        id: 'editor.link.delete',
+        type: 'button',
+        appearance: 'danger',
+        icon: RemoveIcon,
+        onMouseEnter: hoverDecoration(node.type, true),
+        onMouseLeave: hoverDecoration(node.type, false),
+        onFocus: hoverDecoration(node.type, true),
+        onBlur: hoverDecoration(node.type, false),
+        title: intl.formatMessage(commonMessages.remove),
+        onClick: removeCard
+      }]);
 
       if (currentAppearance === 'embed') {
         var alignmentOptions = buildAlignmentOptions(state, intl);
@@ -217,52 +259,35 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
   };
 };
 
-export var floatingToolbar = function floatingToolbar(cardOptions, platform, linkPickerOptions) {
-  return function (state, intl, providerFactory) {
-    var _state$schema$nodes = state.schema.nodes,
-        inlineCard = _state$schema$nodes.inlineCard,
-        blockCard = _state$schema$nodes.blockCard,
-        embedCard = _state$schema$nodes.embedCard;
-    var nodeType = [inlineCard, blockCard, embedCard];
-    var pluginState = pluginKey.getState(state);
-
-    if (!(state.selection instanceof NodeSelection)) {
-      return;
-    }
-
-    var selectedNode = state.selection.node;
-
-    if (!selectedNode) {
-      return;
-    }
-
-    var isEmbedCard = appearanceForNodeType(selectedNode.type) === 'embed';
-    /* add an offset to embeds due to extra padding */
-
-    var toolbarOffset = isEmbedCard ? {
-      offset: [0, 24]
-    } : {}; // Applies padding override for when link picker is currently displayed
-
-    var className = pluginState.showLinkingToolbar ? FLOATING_TOOLBAR_LINKPICKER_CLASSNAME : undefined;
-    return _objectSpread(_objectSpread({
-      title: intl.formatMessage(messages.card),
-      className: className,
-      nodeType: nodeType
-    }, toolbarOffset), {}, {
-      getDomRef: function getDomRef(view) {
-        var element = findDomRefAtPos(view.state.selection.from, view.domAtPos.bind(view));
+var getUnlinkButtonGroup = function getUnlinkButtonGroup(state, intl, node, inlineCard) {
+  return node.type === inlineCard ? [{
+    id: 'editor.link.unlink',
+    type: 'button',
+    title: intl.formatMessage(linkToolbarMessages.unlink),
+    icon: UnlinkIcon,
+    onClick: unlinkCard(node, state)
+  }, {
+    type: 'separator'
+  }] : [];
+};
 
-        if (!element) {
-          return undefined;
-        }
+var getSettingsButtonGroup = function getSettingsButtonGroup(state, intl) {
+  var _getFeatureFlags = getFeatureFlags(state),
+      floatingToolbarLinkSettingsButton = _getFeatureFlags.floatingToolbarLinkSettingsButton;
 
-        if (isEmbedCard) {
-          return element.querySelector(".".concat(richMediaClassName));
-        }
+  return floatingToolbarLinkSettingsButton === 'true' ? [{
+    id: 'editor.link.settings',
+    type: 'button',
+    icon: CogIcon,
+    title: intl.formatMessage(linkToolbarMessages.settingsLink),
+    onClick: openLinkSettings
+  }, {
+    type: 'separator'
+  }] : [];
+};
 
-        return element;
-      },
-      items: generateToolbarItems(state, intl, providerFactory, cardOptions, platform, linkPickerOptions)
-    }, pluginState.showLinkingToolbar ? editLinkToolbarConfig : {});
-  };
+var getCopyButtonGroup = function getCopyButtonGroup(state, intl, node) {
+  return state && showCopyButton(state) ? [getCopyButtonConfig(state, intl.formatMessage, node.type), {
+    type: 'separator'
+  }] : [];
 };

package/dist/esm/plugins/code-block/nodeviews/code-block.js

@@ -14,6 +14,9 @@ var toDOM = function toDOM(node) {
   return ['div', {
     class: 'code-block'
   }, ['div', {
+    class: codeBlockClassNames.start,
+    contenteditable: 'false'
+  }], ['div', {
     class: codeBlockClassNames.gutter,
     contenteditable: 'false'
   }], ['div', {
@@ -21,8 +24,12 @@ var toDOM = function toDOM(node) {
   }, ['code', {
     'data-language': node.attrs.language || '',
     spellcheck: 'false',
-    contenteditable: 'true'
-  }, 0]]];
+    contenteditable: 'true',
+    'data-testid': 'code-block--code'
+  }, 0]], ['div', {
+    class: codeBlockClassNames.end,
+    contenteditable: 'false'
+  }]];
 };
 
 export var CodeBlockView = /*#__PURE__*/function () {

package/dist/esm/plugins/code-block/pm-plugins/ide-ux.js

@@ -1,5 +1,5 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { TextSelection } from 'prosemirror-state';
+import { PluginKey, TextSelection } from 'prosemirror-state';
 import { keydownHandler } from 'prosemirror-keymap';
 import { setTextSelection } from 'prosemirror-utils';
 import { getCursor } from '../../../utils';
@@ -9,13 +9,48 @@ import { getAutoClosingBracketInfo, shouldAutoCloseBracket } from '../ide-ux/bra
 import { getAutoClosingQuoteInfo, shouldAutoCloseQuote } from '../ide-ux/quote-handling';
 import { getEndOfCurrentLine, getStartOfCurrentLine, isCursorInsideCodeBlock, isSelectionEntirelyInsideCodeBlock, getLineInfo } from '../ide-ux/line-handling';
 import { insertIndent, outdent, indent, insertNewlineWithIndent } from '../ide-ux/commands';
+var codeBlockIDEKeyBindingsKey = new PluginKey('codeBlockIDEKeyBindings');
 export default new SafePlugin({
+  key: codeBlockIDEKeyBindingsKey,
+  state: {
+    init: function init() {
+      return {
+        isComposing: false
+      };
+    },
+    apply: function apply(tr, value) {
+      var isComposing = tr.getMeta(codeBlockIDEKeyBindingsKey);
+
+      if (typeof isComposing === 'undefined') {
+        return value;
+      }
+
+      return {
+        isComposing: isComposing
+      };
+    }
+  },
   props: {
+    handleDOMEvents: {
+      compositionstart: function compositionstart(view, event) {
+        var tr = view.state.tr;
+        tr.setMeta(codeBlockIDEKeyBindingsKey, true);
+        view.dispatch(tr);
+        return false;
+      },
+      compositionend: function compositionend(view, event) {
+        var tr = view.state.tr;
+        tr.setMeta(codeBlockIDEKeyBindingsKey, false);
+        view.dispatch(tr);
+        return false;
+      }
+    },
     handleTextInput: function handleTextInput(view, from, to, text) {
       var state = view.state,
           dispatch = view.dispatch;
+      var isComposing = codeBlockIDEKeyBindingsKey.getState(state).isComposing;
 
-      if (isCursorInsideCodeBlock(state)) {
+      if (isCursorInsideCodeBlock(state) && !isComposing) {
         var beforeText = getStartOfCurrentLine(state).text;
         var afterText = getEndOfCurrentLine(state).text; // If text is a closing bracket/quote and we've already inserted it, move the selection after
 

package/dist/esm/plugins/code-block/toolbar.js

@@ -4,6 +4,7 @@ import CopyIcon from '@atlaskit/icon/glyph/copy';
 import { findDomRefAtPos } from 'prosemirror-utils';
 import { removeCodeBlock, changeLanguage, copyContentToClipboard, resetCopiedState } from './actions';
 import commonMessages from '../../messages';
+import { codeBlockCopyButtonMessages } from '@atlaskit/editor-common/messages';
 import { provideVisualFeedbackForCopyButton, removeVisualFeedbackForCopyButton } from './pm-plugins/codeBlockCopySelectionPlugin';
 import { hoverDecoration } from '../base/pm-plugins/decoration';
 import { pluginKey } from './plugin-key';
@@ -73,7 +74,7 @@ export var getToolbarConfig = function getToolbarConfig() {
       // note: copyContentToClipboard contains logic that also removes the
       // visual feedback for the copy button
       onClick: copyContentToClipboard,
-      title: formatMessage(codeBlockState.contentCopied ? commonMessages.copiedToClipboard : commonMessages.copyToClipboard),
+      title: formatMessage(codeBlockState.contentCopied ? codeBlockCopyButtonMessages.copiedCodeToClipboard : codeBlockCopyButtonMessages.copyCodeToClipboard),
       onMouseEnter: provideVisualFeedbackForCopyButton,
       // note: resetCopiedState contains logic that also removes the
       // visual feedback for the copy button

package/dist/esm/plugins/code-block/ui/class-names.js

@@ -1,5 +1,7 @@
 import { CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
 export var codeBlockClassNames = {
+  start: CodeBlockSharedCssClassName.CODEBLOCK_START,
+  end: CodeBlockSharedCssClassName.CODEBLOCK_END,
   gutter: CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER,
   content: CodeBlockSharedCssClassName.CODEBLOCK_CONTENT
 };

package/dist/esm/plugins/feature-flags-context/feature-flags-from-props.js

@@ -33,7 +33,7 @@ function getSpellCheck(featureFlags) {
 
 
 export function createFeatureFlagsFromProps(props) {
-  var _props$allowTextColor, _props$allowLayouts, _props$performanceTra, _props$performanceTra2, _props$featureFlags, _props$featureFlags2, _props$allowTables, _props$featureFlags3, _props$featureFlags4, _props$allowTables2, _props$featureFlags5, _props$featureFlags6, _props$allowTables3, _props$featureFlags7, _props$featureFlags8, _props$allowTables4, _props$featureFlags9, _props$featureFlags10, _props$allowTables5, _props$allowExtension, _props$featureFlags11, _props$featureFlags12, _props$featureFlags13, _props$featureFlags14, _props$featureFlags15, _props$featureFlags16, _props$featureFlags17, _props$featureFlags18, _props$featureFlags19, _props$featureFlags20, _props$featureFlags21, _props$featureFlags22, _props$featureFlags23, _props$featureFlags24, _props$featureFlags25, _props$featureFlags26, _props$featureFlags27, _props$featureFlags28, _props$featureFlags29, _props$featureFlags30, _props$collabEdit, _props$collabEdit2, _props$featureFlags31, _props$featureFlags32, _props$featureFlags33, _props$featureFlags34, _props$featureFlags35, _props$featureFlags36, _props$featureFlags37, _props$featureFlags38;
+  var _props$allowTextColor, _props$allowLayouts, _props$performanceTra, _props$performanceTra2, _props$featureFlags, _props$featureFlags2, _props$allowTables, _props$featureFlags3, _props$featureFlags4, _props$allowTables2, _props$featureFlags5, _props$featureFlags6, _props$allowTables3, _props$featureFlags7, _props$featureFlags8, _props$allowTables4, _props$allowTables5, _props$featureFlags9, _props$featureFlags10, _props$allowTables6, _props$allowExtension, _props$featureFlags11, _props$featureFlags12, _props$featureFlags13, _props$featureFlags14, _props$featureFlags15, _props$featureFlags16, _props$featureFlags17, _props$featureFlags18, _props$featureFlags19, _props$featureFlags20, _props$featureFlags21, _props$featureFlags22, _props$featureFlags23, _props$featureFlags24, _props$featureFlags25, _props$featureFlags26, _props$featureFlags27, _props$featureFlags28, _props$featureFlags29, _props$featureFlags30, _props$collabEdit, _props$collabEdit2, _props$featureFlags31, _props$featureFlags32, _props$featureFlags33, _props$featureFlags34, _props$featureFlags35, _props$featureFlags36, _props$featureFlags37, _props$featureFlags38, _props$featureFlags39;
 
   var normalizedFeatureFlags = normalizeFeatureFlags(props.featureFlags);
   return _objectSpread(_objectSpread({}, normalizedFeatureFlags), {}, {
@@ -52,8 +52,8 @@ export function createFeatureFlagsFromProps(props) {
     stickyHeadersOptimization: typeof ((_props$featureFlags = props.featureFlags) === null || _props$featureFlags === void 0 ? void 0 : _props$featureFlags.stickyHeadersOptimization) === 'boolean' ? !!((_props$featureFlags2 = props.featureFlags) !== null && _props$featureFlags2 !== void 0 && _props$featureFlags2.stickyHeadersOptimization) : _typeof(props.allowTables) === 'object' && !!((_props$allowTables = props.allowTables) !== null && _props$allowTables !== void 0 && _props$allowTables.stickyHeadersOptimization),
     initialRenderOptimization: typeof ((_props$featureFlags3 = props.featureFlags) === null || _props$featureFlags3 === void 0 ? void 0 : _props$featureFlags3.initialRenderOptimization) === 'boolean' ? !!((_props$featureFlags4 = props.featureFlags) !== null && _props$featureFlags4 !== void 0 && _props$featureFlags4.initialRenderOptimization) : _typeof(props.allowTables) === 'object' && !!((_props$allowTables2 = props.allowTables) !== null && _props$allowTables2 !== void 0 && _props$allowTables2.initialRenderOptimization),
     mouseMoveOptimization: typeof ((_props$featureFlags5 = props.featureFlags) === null || _props$featureFlags5 === void 0 ? void 0 : _props$featureFlags5.mouseMoveOptimization) === 'boolean' ? !!((_props$featureFlags6 = props.featureFlags) !== null && _props$featureFlags6 !== void 0 && _props$featureFlags6.mouseMoveOptimization) : _typeof(props.allowTables) === 'object' && !!((_props$allowTables3 = props.allowTables) !== null && _props$allowTables3 !== void 0 && _props$allowTables3.mouseMoveOptimization),
-    tableRenderOptimization: typeof ((_props$featureFlags7 = props.featureFlags) === null || _props$featureFlags7 === void 0 ? void 0 : _props$featureFlags7.tableRenderOptimization) === 'boolean' ? !!((_props$featureFlags8 = props.featureFlags) !== null && _props$featureFlags8 !== void 0 && _props$featureFlags8.tableRenderOptimization) : _typeof(props.allowTables) === 'object' && !!((_props$allowTables4 = props.allowTables) !== null && _props$allowTables4 !== void 0 && _props$allowTables4.tableRenderOptimization),
-    tableOverflowShadowsOptimization: typeof ((_props$featureFlags9 = props.featureFlags) === null || _props$featureFlags9 === void 0 ? void 0 : _props$featureFlags9.tableOverflowShadowsOptimization) === 'boolean' ? !!((_props$featureFlags10 = props.featureFlags) !== null && _props$featureFlags10 !== void 0 && _props$featureFlags10.tableOverflowShadowsOptimization) : _typeof(props.allowTables) === 'object' && !!((_props$allowTables5 = props.allowTables) !== null && _props$allowTables5 !== void 0 && _props$allowTables5.tableOverflowShadowsOptimization),
+    tableRenderOptimization: typeof ((_props$featureFlags7 = props.featureFlags) === null || _props$featureFlags7 === void 0 ? void 0 : _props$featureFlags7.tableRenderOptimization) === 'boolean' ? !!((_props$featureFlags8 = props.featureFlags) !== null && _props$featureFlags8 !== void 0 && _props$featureFlags8.tableRenderOptimization) : _typeof(props.allowTables) === 'object' && typeof ((_props$allowTables4 = props.allowTables) === null || _props$allowTables4 === void 0 ? void 0 : _props$allowTables4.tableRenderOptimization) === 'boolean' ? (_props$allowTables5 = props.allowTables) === null || _props$allowTables5 === void 0 ? void 0 : _props$allowTables5.tableRenderOptimization : true,
+    tableOverflowShadowsOptimization: typeof ((_props$featureFlags9 = props.featureFlags) === null || _props$featureFlags9 === void 0 ? void 0 : _props$featureFlags9.tableOverflowShadowsOptimization) === 'boolean' ? !!((_props$featureFlags10 = props.featureFlags) !== null && _props$featureFlags10 !== void 0 && _props$featureFlags10.tableOverflowShadowsOptimization) : _typeof(props.allowTables) === 'object' && !!((_props$allowTables6 = props.allowTables) !== null && _props$allowTables6 !== void 0 && _props$allowTables6.tableOverflowShadowsOptimization),
     extendFloatingToolbar: Boolean(_typeof(props.allowExtension) === 'object' && ((_props$allowExtension = props.allowExtension) === null || _props$allowExtension === void 0 ? void 0 : _props$allowExtension.allowExtendFloatingToolbars)),
     useUnpredictableInputRule: Boolean(typeof ((_props$featureFlags11 = props.featureFlags) === null || _props$featureFlags11 === void 0 ? void 0 : _props$featureFlags11.useUnpredictableInputRule) === 'boolean' ? !!((_props$featureFlags12 = props.featureFlags) !== null && _props$featureFlags12 !== void 0 && _props$featureFlags12.useUnpredictableInputRule) : props.UNSAFE_allowUndoRedoButtons ? false : true),
     showAvatarGroupAsPlugin: Boolean(typeof ((_props$featureFlags13 = props.featureFlags) === null || _props$featureFlags13 === void 0 ? void 0 : _props$featureFlags13.showAvatarGroupAsPlugin) === 'boolean' ? !!((_props$featureFlags14 = props.featureFlags) !== null && _props$featureFlags14 !== void 0 && _props$featureFlags14.showAvatarGroupAsPlugin) : false),
@@ -71,6 +71,7 @@ export function createFeatureFlagsFromProps(props) {
     showHoverPreview: Boolean(typeof ((_props$featureFlags33 = props.featureFlags) === null || _props$featureFlags33 === void 0 ? void 0 : _props$featureFlags33.showHoverPreview) === 'boolean' ? !!((_props$featureFlags34 = props.featureFlags) !== null && _props$featureFlags34 !== void 0 && _props$featureFlags34.showHoverPreview) : false),
     indentationButtonsInTheToolbar: Boolean(typeof normalizedFeatureFlags.indentationButtonsInTheToolbar === 'boolean' && !!normalizedFeatureFlags.indentationButtonsInTheToolbar || (typeof ((_props$featureFlags35 = props.featureFlags) === null || _props$featureFlags35 === void 0 ? void 0 : _props$featureFlags35.indentationButtonsInTheToolbar) === 'boolean' ? !!((_props$featureFlags36 = props.featureFlags) !== null && _props$featureFlags36 !== void 0 && _props$featureFlags36.indentationButtonsInTheToolbar) : false)),
     floatingToolbarCopyButton: Boolean(typeof normalizedFeatureFlags.floatingToolbarCopyButton === 'boolean' && !!normalizedFeatureFlags.floatingToolbarCopyButton || (typeof ((_props$featureFlags37 = props.featureFlags) === null || _props$featureFlags37 === void 0 ? void 0 : _props$featureFlags37.floatingToolbarCopyButton) === 'boolean' ? !!((_props$featureFlags38 = props.featureFlags) !== null && _props$featureFlags38 !== void 0 && _props$featureFlags38.floatingToolbarCopyButton) : false)),
+    floatingToolbarLinkSettingsButton: typeof ((_props$featureFlags39 = props.featureFlags) === null || _props$featureFlags39 === void 0 ? void 0 : _props$featureFlags39['floating-toolbar-link-settings-button']) === 'string' ? props.featureFlags['floating-toolbar-link-settings-button'] || undefined : undefined,
     disableSpellcheckByBrowser: getSpellCheck(props.featureFlags)
   });
 }

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

@@ -8,10 +8,11 @@ import { css, jsx } from '@emotion/react';
 import React from 'react';
 import Button from '@atlaskit/button';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
-import { Popup, withOuterListeners } from '@atlaskit/editor-common/ui';
+import { Popup } from '@atlaskit/editor-common/ui';
 import { EmojiPicker } from '@atlaskit/emoji';
 import Tooltip from '@atlaskit/tooltip';
-import EditorEmojiAddIcon from './EditorEmojiAddIcon'; // helps adjusts position of popup
+import EditorEmojiAddIcon from './EditorEmojiAddIcon';
+import withOuterListeners from '../../../ui/with-outer-listeners'; // helps adjusts position of popup
 
 var emojiPickerButtonWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n"]))); // helps to vertically align emoji picker
 // both top and bottom margin should be 2px