@atlaskit/editor-core 172.3.2 → 173.0.1

package/dist/cjs/plugins/type-ahead/ui/TypeAheadListItem.js

@@ -33,7 +33,7 @@ var _typeAhead = require("@atlaskit/editor-common/type-ahead");
 
 var _tokens = require("@atlaskit/tokens");
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 
 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); }
 
@@ -57,9 +57,23 @@ var itemText = function itemText(theme) {
 };
 
 var itemAfter = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  flex: 0 0 auto;\n"])));
-var hidden = {
-  overflow: 'hidden'
+var customRenderItemDivStyle = (0, _react2.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  overflow: hidden;\n  &:hover {\n    background-color: ", ";\n  }\n  &:focus {\n    box-shadow: inset 0px 0px 0px 2px ", ";\n    outline: none;\n  }\n"])), (0, _tokens.token)('color.background.selected', _colors.N30), (0, _tokens.token)('color.border.focused', _colors.B100));
+/**
+ * This CSS emulates the desired behaviour with :focus-visible for firefox.
+ * Firefox unfortunately does not register keyboard focus if user mouseDown and drag a typeahead item
+ * resulting in focus-visible style not drawn.
+ */
+
+var selectionFrame = {
+  '& > button:focus': {
+    boxShadow: "inset 0px 0px 0px 2px ".concat((0, _tokens.token)('color.border.focused', _colors.B100)),
+    outline: 'none',
+    '&:active': {
+      boxShadow: 'none'
+    }
+  }
 };
+var selectedStyle = (0, _react2.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n"])), (0, _tokens.token)('color.background.selected', _colors.N30));
 
 var FallbackIcon = /*#__PURE__*/_react.default.memo(function (_ref) {
   var label = _ref.label;
@@ -70,31 +84,16 @@ var noop = function noop() {};
 
 var TypeAheadListItem = function TypeAheadListItem(_ref2) {
   var item = _ref2.item,
+      itemsLength = _ref2.itemsLength,
       selectedIndex = _ref2.selectedIndex,
-      onItemHover = _ref2.onItemHover,
       onItemClick = _ref2.onItemClick,
       itemIndex = _ref2.itemIndex;
-  var isSelected = itemIndex === selectedIndex; // It's possible for onMouseMove to be called multiple times in quick
-  // succession because the mousemove event can fire very rapidly. This
-  // provides an additional safety net to prevent that.
-
-  var mouseMoveCalled = (0, _react.useRef)(false);
-  var onMouseMove = (0, _react.useCallback)(function () {
-    if (isSelected || mouseMoveCalled.current) {
-      return;
-    }
 
-    mouseMoveCalled.current = true;
-    onItemHover({
-      item: item,
-      index: itemIndex
-    });
-  }, [item, itemIndex, onItemHover, isSelected]);
-  (0, _react.useLayoutEffect)(function () {
-    if (!isSelected) {
-      mouseMoveCalled.current = false;
-    }
-  }, [isSelected]);
+  /**
+   * To select and highlight the first Item when no item is selected
+   * However selectedIndex remains -1, So that user does not skip the first item when down arrow key is used from typeahead query(inputQuery.tsx)
+   */
+  var isSelected = itemIndex === selectedIndex || selectedIndex === -1 && itemIndex === 0;
   var icon = item.icon,
       title = item.title,
       customRenderItem = item.render;
@@ -108,39 +107,66 @@ var TypeAheadListItem = function TypeAheadListItem(_ref2) {
   var insertSelectedItem = (0, _react.useCallback)(function () {
     onItemClick(_typeAhead.SelectItemMode.SELECTED, itemIndex);
   }, [onItemClick, itemIndex]);
+
+  var customItemRef = /*#__PURE__*/_react.default.createRef();
+
+  var buttonItemRef = /*#__PURE__*/_react.default.createRef();
+
+  var shouldUpdateFocus = selectedIndex === itemIndex;
+  (0, _react.useLayoutEffect)(function () {
+    if (shouldUpdateFocus) {
+      var _customItemRef$curren;
+
+      customItemRef === null || customItemRef === void 0 ? void 0 : (_customItemRef$curren = customItemRef.current) === null || _customItemRef$curren === void 0 ? void 0 : _customItemRef$curren.focus();
+    }
+  }, [customItemRef, shouldUpdateFocus]);
+  (0, _react.useLayoutEffect)(function () {
+    if (shouldUpdateFocus) {
+      var _buttonItemRef$curren;
+
+      buttonItemRef === null || buttonItemRef === void 0 ? void 0 : (_buttonItemRef$curren = buttonItemRef.current) === null || _buttonItemRef$curren === void 0 ? void 0 : _buttonItemRef$curren.focus();
+    }
+  }, [buttonItemRef, shouldUpdateFocus]);
   var customItem = (0, _react.useMemo)(function () {
     if (!customRenderItem) {
       return null;
     }
 
     var Comp = customRenderItem;
+    var listItemClasses = [customRenderItemDivStyle, isSelected && selectedStyle];
     return (0, _react2.jsx)("div", {
       "aria-selected": isSelected,
       "aria-label": title,
       role: "option",
+      "aria-setsize": itemsLength,
       tabIndex: 0,
-      style: hidden,
-      onMouseMove: onMouseMove
+      css: listItemClasses,
+      className: "ak-typeahead-item ".concat(isSelected ? 'typeahead-selected-item' : '') //CSS classes added for test cases purpose
+      ,
+      ref: customItemRef
     }, (0, _react2.jsx)(Comp, {
       onClick: insertSelectedItem,
-      isSelected: isSelected,
+      isSelected: false //The selection styles are handled in the parent div instead. Hence isSelected is made false always.
+      ,
       onHover: noop
     }));
-  }, [customRenderItem, insertSelectedItem, onMouseMove, isSelected, title]);
+  }, [customRenderItem, insertSelectedItem, isSelected, title, customItemRef, itemsLength]);
 
   if (customItem) {
     return customItem;
   }
 
   return (0, _react2.jsx)("span", {
-    onMouseMove: onMouseMove
+    css: selectionFrame
   }, (0, _react2.jsx)(_menu.ButtonItem, {
     onClick: insertSelectedItem,
     iconBefore: elementIcon,
     isSelected: isSelected,
     "aria-selected": isSelected,
     "aria-label": item.title,
+    "aria-setsize": itemsLength,
     role: "option",
+    ref: buttonItemRef,
     description: item.description
   }, (0, _react2.jsx)("div", {
     css: itemBody

package/dist/cjs/plugins/type-ahead/ui/TypeAheadPopup.js

@@ -69,7 +69,6 @@ var TypeAheadPopup = /*#__PURE__*/_react.default.memo(function (props) {
       popupsScrollableElement = props.popupsScrollableElement,
       items = props.items,
       selectedIndex = props.selectedIndex,
-      setSelectedItem = props.setSelectedItem,
       onItemInsert = props.onItemInsert,
       fireAnalyticsCallback = props.fireAnalyticsCallback,
       isEmptyQuery = props.isEmptyQuery;
@@ -203,9 +202,10 @@ var TypeAheadPopup = /*#__PURE__*/_react.default.memo(function (props) {
   }), (0, _react2.jsx)(_TypeAheadList.TypeAheadList, {
     items: items,
     selectedIndex: selectedIndex,
-    onItemHover: setSelectedItem,
     onItemClick: onItemInsert,
-    fitHeight: fitHeight
+    fitHeight: fitHeight,
+    editorView: editorView,
+    decorationElement: anchorElement
   })));
 });
 

package/dist/cjs/plugins/type-ahead/ui/WrapperTypeAhead.js

@@ -144,8 +144,11 @@ var WrapperTypeAhead = /*#__PURE__*/_react.default.memo(function (_ref) {
     cancel: cancel,
     forceFocus: shouldFocusCursorInsideQuery,
     onUndoRedo: onUndoRedo,
-    reopenQuery: reopenQuery
+    reopenQuery: reopenQuery,
+    editorView: editorView,
+    items: items
   });
 });
 
-exports.WrapperTypeAhead = WrapperTypeAhead;
+exports.WrapperTypeAhead = WrapperTypeAhead;
+WrapperTypeAhead.displayName = 'WrapperTypeAhead';

package/dist/cjs/plugins/type-ahead/utils.js

@@ -128,7 +128,7 @@ var moveSelectedIndex = function moveSelectedIndex(_ref2) {
     var selectedIndex = typeAheadState.selectedIndex,
         items = typeAheadState.items;
     var stats = typeAheadState.stats instanceof _statsModifier.StatsModifier ? typeAheadState.stats : new _statsModifier.StatsModifier();
-    var nextIndex = 0;
+    var nextIndex;
 
     if (direction === 'next') {
       stats.increaseArrowDown();

package/dist/cjs/ui/MediaAndEmbedsToolbar/index.js

@@ -41,6 +41,8 @@ var _analytics = require("../../plugins/analytics");
 
 var _toolbarMessages = require("./toolbar-messages");
 
+var _utils2 = require("../../utils");
+
 var alignmentIcons = [{
   id: 'editor.media.alignLeft',
   value: 'align-start',
@@ -114,6 +116,12 @@ var makeAlign = function makeAlign(layout, nodeType) {
     // setNodeMarkup is called
 
     tr.setSelection(_prosemirrorState.NodeSelection.create(tr.doc, state.selection.from));
+    var paragraph = tr.doc.type.schema.nodes.paragraph; // see https://product-fabric.atlassian.net/browse/ED-15518 insert a new paragraph when an embedded card is wrapped left or right
+
+    if (layout.startsWith('wrap') && paragraph && !tr.doc.nodeAt(state.selection.to) && ((0, _utils2.insideTable)(state) || (0, _utils2.isInLayoutColumn)(state))) {
+      tr.insert(state.selection.to, paragraph.createAndFill());
+    }
+
     dispatch((0, _utils.addAnalytics)(state, tr, {
       eventType: _analytics.EVENT_TYPE.TRACK,
       action: _analytics.ACTION.SELECTED,

package/dist/cjs/ui/PortalProvider/PortalProviderThemesProvider.js

@@ -17,8 +17,6 @@ var _constants = require("@atlaskit/theme/constants");
 
 var _react2 = require("@emotion/react");
 
-var _styledComponents = require("styled-components");
-
 function PortalProviderThemeProviders(props) {
   var children = props.children,
       mode = props.mode;
@@ -47,11 +45,9 @@ function PortalProviderThemeProviders(props) {
     };
   }, [mode]);
 
-  return /*#__PURE__*/_react.default.createElement(_styledComponents.ThemeProvider, {
-    theme: styledComponentsAndEmotionTheme
-  }, /*#__PURE__*/_react.default.createElement(_react2.ThemeProvider, {
+  return /*#__PURE__*/_react.default.createElement(_react2.ThemeProvider, {
     theme: styledComponentsAndEmotionTheme
   }, /*#__PURE__*/_react.default.createElement(_components.default.Provider, {
     value: atlaskitTheme
-  }, children)));
+  }, children));
 }

package/dist/cjs/ui/PortalProvider/index.js

@@ -71,8 +71,6 @@ var PortalProviderAPI = /*#__PURE__*/function (_EventDispatcher) {
   (0, _createClass2.default)(PortalProviderAPI, [{
     key: "render",
     value: function render(children, container) {
-      var _this2 = this;
-
       var hasAnalyticsContext = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
       var hasIntlContext = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
       this.portals.set(container, {
@@ -81,13 +79,11 @@ var PortalProviderAPI = /*#__PURE__*/function (_EventDispatcher) {
         hasIntlContext: hasIntlContext
       });
 
-      var childrenWithThemeProviders = function childrenWithThemeProviders() {
-        return /*#__PURE__*/_react.default.createElement(_PortalProviderThemesProvider.PortalProviderThemeProviders, {
-          mode: _this2.themeMode
-        }, children());
-      };
+      var childrenWithThemeProviders = /*#__PURE__*/_react.default.createElement(_PortalProviderThemesProvider.PortalProviderThemeProviders, {
+        mode: this.themeMode
+      }, children());
 
-      var wrappedChildren = this.useAnalyticsContext ? /*#__PURE__*/_react.default.createElement(AnalyticsContextWrapper, null, childrenWithThemeProviders()) : childrenWithThemeProviders();
+      var wrappedChildren = this.useAnalyticsContext ? /*#__PURE__*/_react.default.createElement(AnalyticsContextWrapper, null, childrenWithThemeProviders) : childrenWithThemeProviders;
 
       if (hasIntlContext) {
         wrappedChildren = /*#__PURE__*/_react.default.createElement(_reactIntlNext.RawIntlProvider, {
@@ -103,36 +99,34 @@ var PortalProviderAPI = /*#__PURE__*/function (_EventDispatcher) {
   }, {
     key: "forceUpdate",
     value: function forceUpdate(_ref) {
-      var _this3 = this;
+      var _this2 = this;
 
       var intl = _ref.intl,
           themeMode = _ref.themeMode;
       this.intl = intl;
       this.themeMode = themeMode;
       this.portals.forEach(function (portal, container) {
-        if (!portal.hasAnalyticsContext && !_this3.useAnalyticsContext && !portal.hasIntlContext) {
+        if (!portal.hasAnalyticsContext && !_this2.useAnalyticsContext && !portal.hasIntlContext) {
           return;
         }
 
         var wrappedChildren = portal.children();
 
-        var childrenWithThemeProviders = function childrenWithThemeProviders() {
-          return /*#__PURE__*/_react.default.createElement(_PortalProviderThemesProvider.PortalProviderThemeProviders, {
-            mode: themeMode
-          }, wrappedChildren);
-        };
+        var childrenWithThemeProviders = /*#__PURE__*/_react.default.createElement(_PortalProviderThemesProvider.PortalProviderThemeProviders, {
+          mode: themeMode
+        }, wrappedChildren);
 
-        if (portal.hasAnalyticsContext && _this3.useAnalyticsContext) {
-          wrappedChildren = /*#__PURE__*/_react.default.createElement(AnalyticsContextWrapper, null, childrenWithThemeProviders());
+        if (portal.hasAnalyticsContext && _this2.useAnalyticsContext) {
+          wrappedChildren = /*#__PURE__*/_react.default.createElement(AnalyticsContextWrapper, null, childrenWithThemeProviders);
         }
 
         if (portal.hasIntlContext) {
           wrappedChildren = /*#__PURE__*/_react.default.createElement(_reactIntlNext.RawIntlProvider, {
-            value: _this3.intl
-          }, childrenWithThemeProviders());
+            value: _this2.intl
+          }, childrenWithThemeProviders);
         }
 
-        (0, _reactDom.unstable_renderSubtreeIntoContainer)(_this3.context, wrappedChildren, container);
+        (0, _reactDom.unstable_renderSubtreeIntoContainer)(_this2.context, wrappedChildren, container);
       });
     }
   }, {
@@ -179,12 +173,12 @@ var BasePortalProvider = /*#__PURE__*/function (_React$Component) {
   var _super2 = _createSuper(BasePortalProvider);
 
   function BasePortalProvider(props) {
-    var _this4;
+    var _this3;
 
     (0, _classCallCheck2.default)(this, BasePortalProvider);
-    _this4 = _super2.call(this, props);
-    _this4.portalProviderAPI = new PortalProviderAPI(props.intl, props.onAnalyticsEvent, props.useAnalyticsContext, props.themeMode);
-    return _this4;
+    _this3 = _super2.call(this, props);
+    _this3.portalProviderAPI = new PortalProviderAPI(props.intl, props.onAnalyticsEvent, props.useAnalyticsContext, props.themeMode);
+    return _this3;
   }
 
   (0, _createClass2.default)(BasePortalProvider, [{
@@ -228,21 +222,21 @@ var PortalRenderer = /*#__PURE__*/function (_React$Component2) {
   var _super3 = _createSuper(PortalRenderer);
 
   function PortalRenderer(props) {
-    var _this5;
+    var _this4;
 
     (0, _classCallCheck2.default)(this, PortalRenderer);
-    _this5 = _super3.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this5), "handleUpdate", function (portals) {
-      return _this5.setState({
+    _this4 = _super3.call(this, props);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this4), "handleUpdate", function (portals) {
+      return _this4.setState({
         portals: portals
       });
     });
-    props.portalProviderAPI.setContext((0, _assertThisInitialized2.default)(_this5));
-    props.portalProviderAPI.on('update', _this5.handleUpdate);
-    _this5.state = {
+    props.portalProviderAPI.setContext((0, _assertThisInitialized2.default)(_this4));
+    props.portalProviderAPI.on('update', _this4.handleUpdate);
+    _this4.state = {
       portals: new Map()
     };
-    return _this5;
+    return _this4;
   }
 
   (0, _createClass2.default)(PortalRenderer, [{

package/dist/cjs/utils/index.js

@@ -95,7 +95,7 @@ Object.defineProperty(exports, "isEmptyParagraph", {
     return _document.isEmptyParagraph;
   }
 });
-exports.isInListItem = exports.isInLayoutColumn = void 0;
+exports.isInsideBlockQuote = exports.isInListItem = exports.isInLayoutColumn = void 0;
 Object.defineProperty(exports, "isLastItemMediaGroup", {
   enumerable: true,
   get: function get() {
@@ -831,6 +831,13 @@ var hasOpenEnd = function hasOpenEnd(slice) {
 
 exports.hasOpenEnd = hasOpenEnd;
 
+var isInsideBlockQuote = function isInsideBlockQuote(state) {
+  var blockquote = state.schema.nodes.blockquote;
+  return (0, _prosemirrorUtils.hasParentNodeOfType)(blockquote)(state.selection);
+};
+
+exports.isInsideBlockQuote = isInsideBlockQuote;
+
 function filterChildrenBetween(doc, from, to, predicate) {
   var results = [];
   doc.nodesBetween(from, to, function (node, pos, parent) {

package/dist/cjs/utils/selection.js

@@ -15,7 +15,12 @@ Object.defineProperty(exports, "setNodeSelection", {
     return _utils.setNodeSelection;
   }
 });
-exports.setTextSelection = setTextSelection;
+Object.defineProperty(exports, "setTextSelection", {
+  enumerable: true,
+  get: function get() {
+    return _utils.setTextSelection;
+  }
+});
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -31,13 +36,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) { (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 setTextSelection(view, anchor, head) {
-  var state = view.state,
-      dispatch = view.dispatch;
-  var tr = state.tr.setSelection(_prosemirrorState.TextSelection.create(state.doc, anchor, head));
-  dispatch(tr);
-}
-
 function setAllSelection(view) {
   var state = view.state,
       dispatch = view.dispatch;

package/dist/cjs/version-wrapper.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.nextMajorVersion = exports.name = void 0;
 var name = "@atlaskit/editor-core";
 exports.name = name;
-var version = "172.3.2";
+var version = "173.0.1";
 exports.version = version;
 
 var nextMajorVersion = function nextMajorVersion() {

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "172.3.2",
+	"version": "173.0.1",
 	"sideEffects": false
 }

package/dist/es2019/index.js

@@ -29,7 +29,7 @@ export { subscribeToToolbarAndPickerUpdates } from './plugins/view-update-subscr
 export { subscribeTypeAheadUpdates } from './plugins/view-update-subscription/subscribe/type-ahead-updates';
 export { insertBlockType, insertBlockTypesWithAnalytics, setBlockType, setBlockTypeWithAnalytics } from './plugins/block-type/commands';
 export { createTable } from './plugins/table/commands';
-export { insertTaskDecision, insertTaskDecisionCommand } from './plugins/tasks-and-decisions/commands';
+export { insertTaskDecisionCommand } from './plugins/tasks-and-decisions/commands';
 export { EventDispatcher } from './event-dispatcher';
 export { pluginKey as statusPluginKey } from './plugins/status/plugin';
 export { insertDate, openDatePicker, deleteDate } from './plugins/date/actions';

package/dist/es2019/plugins/base/index.js

@@ -15,6 +15,7 @@ import decorationPlugin from './pm-plugins/decoration';
 import scrollGutter from './pm-plugins/scroll-gutter';
 import { keymap } from '../../utils/keymap';
 import frozenEditor from './pm-plugins/frozen-editor';
+import compositionPlugin from './pm-plugins/composition';
 // Chrome >= 88
 export const isChromeWithSelectionBug = browser.chrome && browser.chrome_version >= 88;
 
@@ -105,6 +106,10 @@ const basePlugin = options => ({
       name: 'disableSpellcheckingPlugin',
       plugin: () => disableSpellcheckingPlugin()
     });
+    plugins.push({
+      name: 'compositionPlugin',
+      plugin: () => compositionPlugin()
+    });
     return plugins;
   },
 

package/dist/es2019/plugins/base/pm-plugins/composition.js

@@ -0,0 +1,45 @@
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from 'prosemirror-state';
+const compositionPluginKey = new PluginKey('compositionPlugin');
+export const isComposing = state => {
+  return compositionPluginKey.getState(state).isComposing;
+};
+export default (() => new SafePlugin({
+  key: compositionPluginKey,
+  state: {
+    init: () => ({
+      isComposing: false
+    }),
+    apply: (tr, value) => {
+      const isComposing = tr.getMeta(compositionPluginKey);
+
+      if (typeof isComposing === 'undefined') {
+        return value;
+      }
+
+      return {
+        isComposing
+      };
+    }
+  },
+  props: {
+    handleDOMEvents: {
+      compositionstart: (view, event) => {
+        const {
+          tr
+        } = view.state;
+        tr.setMeta(compositionPluginKey, true);
+        view.dispatch(tr);
+        return false;
+      },
+      compositionend: (view, event) => {
+        const {
+          tr
+        } = view.state;
+        tr.setMeta(compositionPluginKey, false);
+        view.dispatch(tr);
+        return false;
+      }
+    }
+  }
+}));

package/dist/es2019/plugins/breakout/index.js

@@ -156,19 +156,20 @@ const breakoutPlugin = options => ({
 
     return /*#__PURE__*/React.createElement(WithPluginState, {
       plugins: {
-        pluginState: pluginKey
+        breakoutPluginState: pluginKey,
+        widthPluginState: widthPluginKey
       },
       render: ({
-        pluginState
+        breakoutPluginState
       }) => {
-        var _pluginState$breakout;
+        var _breakoutPluginState$;
 
         return /*#__PURE__*/React.createElement(LayoutButton, {
           editorView: editorView,
           mountPoint: popupsMountPoint,
           boundariesElement: popupsBoundariesElement,
           scrollableElement: popupsScrollableElement,
-          node: (_pluginState$breakout = pluginState === null || pluginState === void 0 ? void 0 : pluginState.breakoutNode) !== null && _pluginState$breakout !== void 0 ? _pluginState$breakout : null
+          node: (_breakoutPluginState$ = breakoutPluginState === null || breakoutPluginState === void 0 ? void 0 : breakoutPluginState.breakoutNode) !== null && _breakoutPluginState$ !== void 0 ? _breakoutPluginState$ : null
         });
       }
     });

package/dist/es2019/plugins/breakout/ui/LayoutButton.js

@@ -131,9 +131,7 @@ class LayoutButton extends React.Component {
       boundariesElement: boundariesElement,
       scrollableElement: scrollableElement,
       stick: true,
-      forcePlacement: true,
-      scheduleExtraLayoutUpdates: true,
-      waitForExtraLayoutUpdates: true
+      forcePlacement: true
     }, jsx("div", {
       css: toolbarButtonWrapper
     }, jsx(ToolbarButton, {

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

@@ -17,6 +17,9 @@ import { getFeatureFlags } from '../../feature-flags-context';
  */
 
 function replaceLinksToCards(tr, cardAdf, schema, request) {
+  const {
+    inlineCard
+  } = schema.nodes;
   const {
     url
   } = request;
@@ -38,9 +41,15 @@ function replaceLinksToCards(tr, cardAdf, schema, request) {
 
   if (!replaceLink) {
     return;
-  }
+  } // ED-5638: add an extra space after inline cards to avoid re-rendering them
+
 
   const nodes = [cardAdf];
+
+  if (cardAdf.type === inlineCard) {
+    nodes.push(schema.text(' '));
+  }
+
   tr.replaceWith(pos, pos + (node.text || url).length, nodes);
   return $pos.node($pos.depth - 1).type.name;
 }

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

@@ -1,5 +1,5 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey, TextSelection } from 'prosemirror-state';
+import { TextSelection } from 'prosemirror-state';
 import { keydownHandler } from 'prosemirror-keymap';
 import { setTextSelection } from 'prosemirror-utils';
 import { getCursor } from '../../../utils';
@@ -9,53 +9,16 @@ 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';
-const codeBlockIDEKeyBindingsKey = new PluginKey('codeBlockIDEKeyBindings');
+import { isComposing } from '../../base/pm-plugins/composition';
 export default new SafePlugin({
-  key: codeBlockIDEKeyBindingsKey,
-  state: {
-    init: () => ({
-      isComposing: false
-    }),
-    apply: (tr, value) => {
-      const isComposing = tr.getMeta(codeBlockIDEKeyBindingsKey);
-
-      if (typeof isComposing === 'undefined') {
-        return value;
-      }
-
-      return {
-        isComposing
-      };
-    }
-  },
   props: {
-    handleDOMEvents: {
-      compositionstart: (view, event) => {
-        const {
-          tr
-        } = view.state;
-        tr.setMeta(codeBlockIDEKeyBindingsKey, true);
-        view.dispatch(tr);
-        return false;
-      },
-      compositionend: (view, event) => {
-        const {
-          tr
-        } = view.state;
-        tr.setMeta(codeBlockIDEKeyBindingsKey, false);
-        view.dispatch(tr);
-        return false;
-      }
-    },
-
     handleTextInput(view, from, to, text) {
       const {
         state,
         dispatch
       } = view;
-      const isComposing = codeBlockIDEKeyBindingsKey.getState(state).isComposing;
 
-      if (isCursorInsideCodeBlock(state) && !isComposing) {
+      if (isCursorInsideCodeBlock(state) && !isComposing(state)) {
         const beforeText = getStartOfCurrentLine(state).text;
         const afterText = getEndOfCurrentLine(state).text; // If text is a closing bracket/quote and we've already inserted it, move the selection after